@umriss-ui/schedule 0.41.1 → 0.43.0

package/dist/schedule.js

@@ -1,19 +1,19 @@
 "use client";
 import "./schedule.css";
-import { localOffset as $t, toWorkingTimeClamped as G, calendarFrom as gt, toWallClock as Gt, MINUTE as q, DAY as U, timeStep as us, workingTimeTicks as fs, HOUR as Ht, LinearScale as ms, resolveColours as ps, removedIntervals as gs, subscribeTheme as ks } from "@umriss-ui/charts";
-import { useContext as Re, createContext as Ne, useRef as Y, useEffect as z, useId as vs, useState as rt, useLayoutEffect as ft, useImperativeHandle as ys, useSyncExternalStore as Pe, useMemo as K, createElement as ws } from "react";
-import { jsxs as $, Fragment as at, jsx as m } from "react/jsx-runtime";
-import { useFormats as Yt, useWording as kt, AngleGlyph as bs, VisuallyHidden as fe } from "@umriss-ui/core";
-function st(s) {
+import { localOffset as Yt, toWorkingTimeClamped as H, calendarFrom as vt, toWallClock as Kt, MINUTE as q, DAY as X, timeStep as bs, workingTimeTicks as Ms, HOUR as Vt, LinearScale as Ts, resolveColours as Ss, removedIntervals as Is, subscribeTheme as Ls } from "@umriss-ui/charts";
+import { useContext as $e, createContext as Ge, useRef as V, useEffect as j, useId as As, useState as dt, useLayoutEffect as at, useImperativeHandle as Cs, useSyncExternalStore as He, useMemo as W, createElement as Ds } from "react";
+import { jsxs as N, Fragment as ht, jsx as m } from "react/jsx-runtime";
+import { useFormats as jt, useWording as yt, Skeleton as _s, AngleGlyph as Os, VisuallyHidden as ke, createLongPress as Fs } from "@umriss-ui/core";
+function it(s) {
   return { from: s.from - (s.leadIn ?? 0), to: s.to + (s.leadOut ?? 0) };
 }
-function Kt(s, t) {
+function Wt(s, t) {
   return (s.leaves ?? "leadOut") === "main" ? t.to : t.to + (t.leadOut ?? 0);
 }
-function Vt(s, t) {
+function zt(s, t) {
   return (s.arrives ?? "leadIn") === "main" ? t.from : t.from - (t.leadIn ?? 0);
 }
-function me(s, t) {
+function ve(s, t) {
   if (t.kind === "place" || t.subtask !== s.id) return s;
   switch (t.kind) {
     case "move":
@@ -27,7 +27,7 @@ function me(s, t) {
       return { ...s, lane: t.lane };
   }
 }
-function wi(s, t) {
+function xi(s, t) {
   return {
     id: t,
     task: s.task,
@@ -38,10 +38,10 @@ function wi(s, t) {
     ...s.leadOut === void 0 ? {} : { leadOut: s.leadOut }
   };
 }
-function Wt(s) {
+function Ut(s) {
   const t = [], e = /* @__PURE__ */ new Map();
   s.forEach((n, i) => {
-    const { from: o, to: r } = st(n);
+    const { from: o, to: r } = it(n);
     if (!(o < r)) return;
     const a = e.get(n.lane) ?? [];
     a.push({ subtask: n, index: i, from: o, to: r }), e.set(n.lane, a);
@@ -59,10 +59,10 @@ function Wt(s) {
   }
   return t;
 }
-function Ms(s) {
+function Es(s) {
   const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
   for (const n of s) {
-    const i = st(n), o = e.get(n.lane) ?? [];
+    const i = it(n), o = e.get(n.lane) ?? [];
     let r = 0;
     if (i.from < i.to) {
       for (const a of o) i.from < a.to && a.from < i.to && r++;
@@ -72,35 +72,35 @@ function Ms(s) {
   }
   return t;
 }
-function zt(s, t) {
+function Xt(s, t) {
   const e = new Map(s.map((i) => [i.id, i])), n = [];
   for (const i of t) {
     const o = e.get(i.from), r = e.get(i.to);
     if (o === void 0 || r === void 0) continue;
-    const a = Kt(i, o), l = Vt(i, r), d = a + i.lag - l;
+    const a = Wt(i, o), l = zt(i, r), d = a + i.lag - l;
     d > 0 && n.push({ dependency: i.id, departure: a, arrival: l, shortBy: d });
   }
   return n;
 }
-function Be(s, t) {
+function Ye(s, t) {
   const e = [];
   for (const n of s) {
-    const i = st(n);
+    const i = it(n);
     for (const o of t)
       o.lane !== n.lane || !(i.from < o.to && o.from < i.to) || e.push({ subtask: n.id, blocked: o.id, lane: o.lane, from: Math.max(i.from, o.from), to: Math.min(i.to, o.to) });
   }
   return e;
 }
-function bi(s, t, e = []) {
+function Pi(s, t, e = []) {
   return {
-    overlaps: Wt(s),
-    violatedDependencies: zt(s, t),
-    inBlockedTime: Be(s, e)
+    overlaps: Ut(s),
+    violatedDependencies: Xt(s, t),
+    inBlockedTime: Ye(s, e)
   };
 }
-function Mi(s, t, e) {
+function Ri(s, t, e) {
   if (e.kind === "place") return [];
-  const n = new Map(s.map((l) => [l.id, me(l, e)])), i = /* @__PURE__ */ new Map();
+  const n = new Map(s.map((l) => [l.id, ve(l, e)])), i = /* @__PURE__ */ new Map();
   for (const l of t) {
     const d = i.get(l.from) ?? [];
     d.push(l), i.set(l.from, d);
@@ -112,143 +112,154 @@ function Mi(s, t, e) {
     if (d !== void 0)
       for (const h of i.get(l) ?? []) {
         if (h.to === e.subtask) continue;
-        const c = n.get(h.to);
-        if (c === void 0) continue;
-        const f = Kt(h, d) + h.lag - Vt(h, c);
+        const u = n.get(h.to);
+        if (u === void 0) continue;
+        const f = Wt(h, d) + h.lag - zt(h, u);
         if (!(f > 0)) continue;
-        const p = { kind: "move", subtask: c.id, from: c.from + f, to: c.to + f };
-        n.set(c.id, me(c, p)), o.set(c.id, p), r.push(c.id);
+        const g = { kind: "move", subtask: u.id, from: u.from + f, to: u.to + f };
+        n.set(u.id, ve(u, g)), o.set(u.id, g), r.push(u.id);
       }
   }
   return [...o.values()];
 }
-function Ts(s, t) {
+function xs(s, t) {
   const { step: e, offset: n } = typeof t == "number" ? { step: t, offset: 0 } : t;
   if (!(e > 0) || !Number.isFinite(s)) return s;
-  const i = $t(s) + n;
+  const i = Yt(s) + n;
   return i + Math.round((s - i) / e) * e;
 }
-function Ti(s, t, e) {
+function Ni(s, t, e) {
   return e === 0 || !Number.isFinite(e) ? [] : s.filter((n) => n.task === t).map((n) => ({ kind: "move", subtask: n.id, from: n.from + e, to: n.to + e }));
 }
-function vt(s) {
+function wt(s) {
   let t = !1, e = !1, n = !1, i = !1;
   for (const o of s ?? [])
     o === "provisional" ? (t = !0, e = !1) : o === "fixed" ? (e = !0, t = !1) : o === "muted" ? n = !0 : o === "open" && (i = !0);
   return { dashed: t, hatched: e, muted: n, open: i };
 }
-const xe = /* @__PURE__ */ Ne(null), $e = /* @__PURE__ */ Ne(null);
-function Ge() {
-  return Re($e);
+const Ke = /* @__PURE__ */ Ge(null), Ve = /* @__PURE__ */ Ge(null);
+function je() {
+  return $e(Ve);
 }
-function Ss(s) {
-  const t = Re(xe);
+function Ps(s) {
+  const t = $e(Ke);
   if (t === null)
     throw new Error(`@umriss-ui/schedule: <${s}> must be used inside a <Schedule>.`);
   return t;
 }
-function Ut(s, t, e, n, i) {
-  const o = Ss(s), r = Y(null);
-  z(() => (r.current = e(o, t), () => {
+function qt(s, t, e, n, i) {
+  const o = Ps(s), r = V(null);
+  j(() => (r.current = e(o, t), () => {
     r.current !== null && i(o, r.current), r.current = null;
-  }), [o]), z(() => {
+  }), [o]), j(() => {
     r.current !== null && n(o, r.current, t);
   });
 }
-function Is(s) {
-  Ut("Lane", s, (t, e) => t.registerLane(e), (t, e, n) => t.updateLane(e, n), (t, e) => t.unregisterLane(e));
+function Rs(s) {
+  qt("Lane", s, (t, e) => t.registerLane(e), (t, e, n) => t.updateLane(e, n), (t, e) => t.unregisterLane(e));
 }
-function Ls(s) {
-  Ut("LaneGroup", s, (t, e) => t.registerGroup(e), (t, e, n) => t.updateGroup(e, n), (t, e) => t.unregisterGroup(e));
+function Ns(s) {
+  qt("LaneGroup", s, (t, e) => t.registerGroup(e), (t, e, n) => t.updateGroup(e, n), (t, e) => t.unregisterGroup(e));
 }
-function yt(s, t) {
-  Ut(s, t, (e, n) => e.registerLayer(n), (e, n, i) => e.updateLayer(n, i), (e, n) => e.unregisterLayer(n));
+function bt(s, t) {
+  qt(s, t, (e, n) => e.registerLayer(n), (e, n, i) => e.updateLayer(n, i), (e, n) => e.unregisterLayer(n));
 }
-const He = 24, As = 4, Cs = 3, Dt = 4;
-function pe(s) {
-  const { lanes: t, groups: e, collapsed: n, laneHeight: i, headHeight: o = He } = s, r = new Map(e.map((w) => [w.id, w])), a = (w) => w !== void 0 && r.has(w) ? w : void 0, l = /* @__PURE__ */ new Map(), d = (w) => {
-    const M = [];
-    let T = a(w.parent);
-    const _ = /* @__PURE__ */ new Set();
-    for (; T !== void 0 && !_.has(T); )
-      _.add(T), M.unshift(T), T = a(r.get(T).parent);
-    return M;
+function Bs() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return !1;
+  }
+}
+const $s = Bs(), ye = /* @__PURE__ */ new Set();
+function We(s, t) {
+  !$s || ye.has(s) || (ye.add(s), console.warn(`@umriss-ui/schedule: ${t}`));
+}
+const Gs = (s, t) => We(`deprecated:${s}`, `${s} is deprecated and goes in the next minor release; use ${t}.`), ze = 24, Hs = 4, Ys = 3, Ft = 4;
+function we(s) {
+  const { lanes: t, groups: e, collapsed: n, laneHeight: i, headHeight: o = ze } = s, r = new Map(e.map((b) => [b.id, b])), a = (b) => b !== void 0 && r.has(b) ? b : void 0, l = /* @__PURE__ */ new Map(), d = (b) => {
+    const T = [];
+    let S = a(b.parent);
+    const E = /* @__PURE__ */ new Set();
+    for (; S !== void 0 && !E.has(S); )
+      E.add(S), T.unshift(S), S = a(r.get(S).parent);
+    return T;
   }, h = /* @__PURE__ */ new Map();
-  for (const w of t) {
-    const M = d(w);
-    h.set(w.id, M);
-    for (const T of M) {
-      const _ = l.get(T) ?? [];
-      _.push(w.id), l.set(T, _);
+  for (const b of t) {
+    const T = d(b);
+    h.set(b.id, T);
+    for (const S of T) {
+      const E = l.get(S) ?? [];
+      E.push(b.id), l.set(S, E);
     }
   }
-  const c = [], f = /* @__PURE__ */ new Map();
-  let p = [], k = null, A = 0;
-  const I = (w) => (c.push({ ...w, top: A }), A += w.height, c.length - 1), L = (w) => w.find((M) => n.has(M)), D = () => {
-    if (k === null) return;
-    const { row: w, lanes: M } = k, T = c[w], _ = Math.max(T.height, M.length * As + 2 * Dt);
-    c[w] = { ...T, height: _ }, A += _ - T.height;
-    const O = _ - 2 * Dt, V = Math.max(Cs, Math.floor(O / M.length));
-    M.forEach((ut, nt) => {
-      const it = h.get(ut) ?? [];
-      f.set(ut, {
-        top: T.top + Dt + nt * V,
-        height: V,
+  const u = [], f = /* @__PURE__ */ new Map();
+  let g = [], v = null, D = 0;
+  const L = (b) => (u.push({ ...b, top: D }), D += b.height, u.length - 1), A = (b) => b.find((T) => n.has(T)), _ = () => {
+    if (v === null) return;
+    const { row: b, lanes: T } = v, S = u[b], E = Math.max(S.height, T.length * Hs + 2 * Ft);
+    u[b] = { ...S, height: E }, D += E - S.height;
+    const F = E - 2 * Ft, G = Math.max(Ys, Math.floor(F / T.length));
+    T.forEach((z, Z) => {
+      const ot = h.get(z) ?? [];
+      f.set(z, {
+        top: S.top + Ft + Z * G,
+        height: G,
         miniature: !0,
-        group: it[it.length - 1]
+        group: ot[ot.length - 1]
       });
-    }), k = null;
+    }), v = null;
   };
-  for (const w of t) {
-    const M = (h.get(w.id) ?? []).filter((O) => (l.get(O) ?? []).length > 0), T = L(M);
-    if (k !== null && T === k.group) {
-      k.lanes.push(w.id);
+  for (const b of t) {
+    const T = (h.get(b.id) ?? []).filter((F) => (l.get(F) ?? []).length > 0), S = A(T);
+    if (v !== null && S === v.group) {
+      v.lanes.push(b.id);
       continue;
     }
-    D();
-    const _ = M.filter((O, V) => p[V] === O).length;
-    p = p.slice(0, _);
-    for (const O of M.slice(_)) {
-      if (p.push(O), O === T) break;
-      I({
+    _();
+    const E = T.filter((F, G) => g[G] === F).length;
+    g = g.slice(0, E);
+    for (const F of T.slice(E)) {
+      if (g.push(F), F === S) break;
+      L({
         kind: "groupHead",
         lane: void 0,
-        group: O,
-        depth: p.length - 1,
-        within: [...p],
-        lanes: (l.get(O) ?? []).length,
+        group: F,
+        depth: g.length - 1,
+        within: [...g],
+        lanes: (l.get(F) ?? []).length,
         height: o
       });
     }
-    if (T !== void 0) {
-      const O = M.indexOf(T), V = I({
+    if (S !== void 0) {
+      const F = T.indexOf(S), G = L({
         kind: "miniature",
         lane: void 0,
-        group: T,
-        depth: O,
-        within: M.slice(0, O + 1),
-        lanes: (l.get(T) ?? []).length,
+        group: S,
+        depth: F,
+        within: T.slice(0, F + 1),
+        lanes: (l.get(S) ?? []).length,
         height: i
       });
-      k = { group: T, row: V, lanes: [w.id] };
+      v = { group: S, row: G, lanes: [b.id] };
       continue;
     }
-    I({ kind: "lane", lane: w.id, group: M[M.length - 1], depth: M.length, within: M, lanes: 1, height: i }), f.set(w.id, {
-      top: c[c.length - 1].top,
+    L({ kind: "lane", lane: b.id, group: T[T.length - 1], depth: T.length, within: T, lanes: 1, height: i }), f.set(b.id, {
+      top: u[u.length - 1].top,
       height: i,
       miniature: !1,
-      group: M[M.length - 1]
+      group: T[T.length - 1]
     });
   }
-  return D(), { rows: c, slots: f, height: A };
+  return _(), { rows: u, slots: f, height: D };
 }
-function Ds(s, t) {
+function Ks(s, t) {
   if (t.size === 0) return s;
   const e = /* @__PURE__ */ new Set();
   for (const n of s) t.has(n) || e.add(n);
   return e;
 }
-function et(s, t) {
+function nt(s, t) {
   if (t < 0 || t >= s.height) return null;
   let e = 0, n = s.rows.length - 1;
   for (; e <= n; ) {
@@ -259,11 +270,11 @@ function et(s, t) {
   }
   return null;
 }
-function Xt(s, t) {
+function Jt(s, t) {
   return s.slots.get(t) ?? null;
 }
-function _s(s, t) {
-  const e = et(s, t);
+function Vs(s, t) {
+  const e = nt(s, t);
   if (e === null) return null;
   if (e.kind === "lane") return e.lane ?? null;
   if (e.kind === "groupHead") return null;
@@ -271,151 +282,151 @@ function _s(s, t) {
     if (i.miniature && t >= i.top && t < i.top + i.height) return n;
   return null;
 }
-const Fs = 6, Ye = 3, ot = 2, ge = 3, ke = 3;
-function R(s, t) {
-  return Math.round(s.scale.toPx(G(t, s.calendar)));
+const js = 6, Ue = 3, lt = 2, be = 3, Me = 3;
+function x(s, t) {
+  return Math.round(s.scale.toPx(H(t, s.calendar)));
 }
-function j(s, t) {
-  const e = Xt(s.rows, t);
+function J(s, t) {
+  const e = Jt(s.rows, t);
   return e === null ? null : { ...e, top: e.top - s.scrollY };
 }
-function qt(s, t) {
-  const e = j(s, t.lane);
-  return e === null ? null : { x: R(s, t.at), y: e.top + e.height / 2, half: Math.max(2, Math.min(7, e.height * 0.3)) };
+function Zt(s, t) {
+  const e = J(s, t.lane);
+  return e === null ? null : { x: x(s, t.at), y: e.top + e.height / 2, half: Math.max(2, Math.min(7, e.height * 0.3)) };
 }
-function ve(s, t) {
-  return _s(s.rows, t + s.scrollY);
+function Te(s, t) {
+  return Vs(s.rows, t + s.scrollY);
 }
-function Ke(s, t, e, n) {
-  const i = e.miniature ? 0 : Fs, o = e.miniature ? 0 : ke * ge, r = Math.max(e.miniature ? 1 : 4, e.height - 2 * i - o), a = e.top - s.scrollY + Math.floor((e.height - r) / 2), l = st(t);
+function Xe(s, t, e, n) {
+  const i = e.miniature ? 0 : js, o = e.miniature ? 0 : Me * be, r = Math.max(e.miniature ? 1 : 4, e.height - 2 * i - o), a = e.top - s.scrollY + Math.floor((e.height - r) / 2), l = it(t);
   return {
     subtask: t,
     miniature: e.miniature,
     depth: n,
-    y: a + (e.miniature ? 0 : Math.min(n, ke) * ge),
+    y: a + (e.miniature ? 0 : Math.min(n, Me) * be),
     height: r,
-    outerFrom: R(s, l.from),
-    mainFrom: R(s, t.from),
-    mainTo: R(s, t.to),
-    outerTo: R(s, l.to)
+    outerFrom: x(s, l.from),
+    mainFrom: x(s, t.from),
+    mainTo: x(s, t.to),
+    outerTo: x(s, l.to)
   };
 }
-function Ve(s, t, e) {
+function qe(s, t, e) {
   if (e < s.y || e > s.y + s.height) return null;
   const n = Math.max(0, (6 - (s.outerTo - s.outerFrom)) / 2);
   return t < s.outerFrom - n || t > s.outerTo + n ? null : t < s.mainFrom ? "leadIn" : t > s.mainTo ? "leadOut" : "main";
 }
-function Os(s, t, e, n = 5) {
+function Ws(s, t, e, n = 5) {
   if (e < s.y || e > s.y + s.height) return null;
   const i = Math.abs(t - s.mainFrom), o = Math.abs(t - s.mainTo);
   return Math.min(i, o) > n ? null : i <= o ? "from" : "to";
 }
-function Et(s, t, e) {
+function Rt(s, t, e) {
   return s.outerTo >= 0 && s.outerFrom <= t && s.y + s.height >= 0 && s.y <= e;
 }
-function Es(s, t, e) {
+function zs(s, t, e) {
   let i = Math.min(s.x1, s.x2, s.c1x, s.c2x), o = Math.max(s.x1, s.x2, s.c1x, s.c2x), r = Math.min(s.y1, s.y2), a = Math.max(s.y1, s.y2);
   for (let l = 0; l + 1 < s.points.length; l += 2)
     i = Math.min(i, s.points[l]), o = Math.max(o, s.points[l]), r = Math.min(r, s.points[l + 1]), a = Math.max(a, s.points[l + 1]);
   return o >= -8 && i <= t + 8 && a >= -8 && r <= e + 8;
 }
-const Rs = 64;
-function Ns(s, t) {
+const Us = 64;
+function Xs(s, t) {
   if (s.miniature) return null;
-  const e = vt(s.subtask.appearance).hatched ? ot + Ye + 1 : 0, n = Math.max(s.mainFrom + e, 0), i = Math.min(s.mainTo - e, t) - n;
-  return i < Rs ? null : { x: n, width: i, y: s.y, height: s.height };
+  const e = wt(s.subtask.appearance).hatched ? lt + Ue + 1 : 0, n = Math.max(s.mainFrom + e, 0), i = Math.min(s.mainTo - e, t) - n;
+  return i < Us ? null : { x: n, width: i, y: s.y, height: s.height };
 }
-const Ps = 10;
-function ye(s, t, e) {
+const qs = 10;
+function Se(s, t, e) {
   const n = Math.round(t.y + t.height / 2);
   return s === "centre" || e.y === t.y ? n : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
 }
-function Rt(s, t, e, n, i) {
-  const o = t.route ?? i.route, r = t.attach ?? i.attach, a = t.ends ?? i.ends, l = R(s, Kt(t, e.subtask)), d = R(s, Vt(t, n.subtask)), h = ye(r, e, n), c = ye(r, n, e);
+function Nt(s, t, e, n, i) {
+  const o = t.route ?? i.route, r = t.attach ?? i.attach, a = t.ends ?? i.ends, l = x(s, Wt(t, e.subtask)), d = x(s, zt(t, n.subtask)), h = Se(r, e, n), u = Se(r, n, e);
   if (o === "straight")
-    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: [l, h, d, c] };
+    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: u, c1x: l, c2x: d, points: [l, h, d, u] };
   if (o === "orthogonal") {
-    const I = l + Ps, L = h === c ? I : Math.round((I + d) / 2);
-    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: c, c1x: l, c2x: d, points: h === c ? [l, h, d, c] : [l, h, L, h, L, c, d, c] };
-  }
-  const f = Math.max(14, Math.abs(d - l) / 2), p = l + f, k = d - f, A = [];
-  for (let I = 0; I <= 16; I++) {
-    const L = I / 16, D = 1 - L;
-    A.push(
-      D * D * D * l + 3 * D * D * L * p + 3 * D * L * L * k + L * L * L * d,
-      D * D * D * h + 3 * D * D * L * h + 3 * D * L * L * c + L * L * L * c
+    const L = l + qs, A = h === u ? L : Math.round((L + d) / 2);
+    return { dependency: t, kind: o, ends: a, x1: l, y1: h, x2: d, y2: u, c1x: l, c2x: d, points: h === u ? [l, h, d, u] : [l, h, A, h, A, u, d, u] };
+  }
+  const f = Math.max(14, Math.abs(d - l) / 2), g = l + f, v = d - f, D = [];
+  for (let L = 0; L <= 16; L++) {
+    const A = L / 16, _ = 1 - A;
+    D.push(
+      _ * _ * _ * l + 3 * _ * _ * A * g + 3 * _ * A * A * v + A * A * A * d,
+      _ * _ * _ * h + 3 * _ * _ * A * h + 3 * _ * A * A * u + A * A * A * u
     );
   }
-  return { dependency: t, kind: "curve", ends: a, x1: l, y1: h, x2: d, y2: c, c1x: p, c2x: k, points: A };
+  return { dependency: t, kind: "curve", ends: a, x1: l, y1: h, x2: d, y2: u, c1x: g, c2x: v, points: D };
 }
-function Bs(s, t, e) {
+function Js(s, t, e) {
   let n = 1 / 0;
   const i = s.points;
   for (let o = 0; o + 3 < i.length; o += 2) {
-    const r = i[o], a = i[o + 1], l = i[o + 2], d = i[o + 3], h = l - r, c = d - a, f = h * h + c * c, p = f === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * h + (e - a) * c) / f));
-    n = Math.min(n, Math.hypot(t - (r + p * h), e - (a + p * c)));
+    const r = i[o], a = i[o + 1], l = i[o + 2], d = i[o + 3], h = l - r, u = d - a, f = h * h + u * u, g = f === 0 ? 0 : Math.max(0, Math.min(1, ((t - r) * h + (e - a) * u) / f));
+    n = Math.min(n, Math.hypot(t - (r + g * h), e - (a + g * u)));
   }
   return n;
 }
-const We = [], ze = 56;
-function xs(s) {
+const Je = [], Ze = 56;
+function Zs(s) {
   return s > 16 ? s / 16 : 1;
 }
-function $s(s, t = ze) {
-  return s > 0 ? Math.min(U, Math.max(15 * q, us(s * t, 1))) : 15 * q;
+function Qs(s, t = Ze) {
+  return s > 0 ? Math.min(X, Math.max(15 * q, bs(s * t, 1))) : 15 * q;
 }
-function Gs(s, t, e = We) {
-  const [n, i] = Ue(s, e);
-  return fs(e, n, i, t, $t(n)).filter(
+function tn(s, t, e = Je) {
+  const [n, i] = Qe(s, e);
+  return Ms(e, n, i, t, Yt(n)).filter(
     (o) => o.workingTime >= s[0] && o.workingTime <= s[1]
   );
 }
-function Hs(s, t = We) {
-  const [e, n] = Ue(s, t), i = [], o = new Date(e);
+function en(s, t = Je) {
+  const [e, n] = Qe(s, t), i = [], o = new Date(e);
   for (o.setHours(0, 0, 0, 0); o.getTime() < n && i.length < 400; ) {
     const r = o.getTime();
     o.setDate(o.getDate() + 1);
     const a = o.getTime();
     i.push({
       start: r,
-      from: G(r, t),
-      to: G(a, t)
+      from: H(r, t),
+      to: H(a, t)
     });
   }
   return i;
 }
-const _t = [1, 2, 7, 14, 28];
-function Ys(s, t) {
-  return _t.find((e) => e * s >= t) ?? _t[_t.length - 1];
+const Et = [1, 2, 7, 14, 28];
+function sn(s, t) {
+  return Et.find((e) => e * s >= t) ?? Et[Et.length - 1];
 }
-function Ft(s, t) {
-  return ((Math.round((s - $t(s)) / U) - 4) % t + t) % t === 0;
+function xt(s, t) {
+  return ((Math.round((s - Yt(s)) / X) - 4) % t + t) % t === 0;
 }
-function Ks(s, t, e, n) {
+function nn(s, t, e, n) {
   const i = s[1] - s[0];
   if (!(i > 0)) return [s[0], s[1]];
   const o = Math.min(n.max, Math.max(n.min, i * e)), r = (t - s[0]) / i, a = t - r * o;
   return [a, a + o];
 }
-function Vs(s, t) {
+function on(s, t) {
   return [s[0] + t, s[1] + t];
 }
-function dt(s, t) {
-  const e = gt(t);
-  return e.intervals.length === 0 ? s : Gt(Math.max(0, Math.min(e.total, s)), e);
+function ut(s, t) {
+  const e = vt(t);
+  return e.intervals.length === 0 ? s : Kt(Math.max(0, Math.min(e.total, s)), e);
 }
-function Ue(s, t) {
-  return [dt(s[0], t), dt(s[1], t)];
+function Qe(s, t) {
+  return [ut(s[0], t), ut(s[1], t)];
 }
-const Nt = 44;
-class Ws {
+const Bt = 44;
+class rn {
   constructor(t) {
     this.data = t;
   }
   options = {
-    laneHeight: Nt,
+    laneHeight: Bt,
     calendar: [],
-    zoomLimits: { min: Ht, max: 28 * U },
+    zoomLimits: { min: Vt, max: 28 * X },
     snap: "ticks",
     intents: [],
     now: null,
@@ -425,14 +436,14 @@ class Ws {
   };
   /** The root font size over 16 px, 1 at the default size and below (`fontScaleOf`). */
   fontScale = 1;
-  domain = [0, U];
+  domain = [0, X];
   scrollY = 0;
   width = 0;
   height = 0;
   /* What is laid out from top to bottom (`rows.ts`). It is derived here and
      not in the data, because a row's height comes from a view option; every y
      in the package reads it. */
-  rows = pe({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: Nt });
+  rows = we({ lanes: [], groups: [], collapsed: /* @__PURE__ */ new Set(), laneHeight: Bt });
   /** The folded groups, as the scene holds them. */
   collapsed = /* @__PURE__ */ new Set();
   /** The groups a gesture in flight holds open. Dropped when it ends; the
@@ -468,20 +479,20 @@ class Ws {
   setOptions(t) {
     const e = t.calendar !== this.options.calendar, n = this.options.calendar;
     if (this.options = t, e) {
-      const i = gt(n), o = (r) => {
+      const i = vt(n), o = (r) => {
         const a = i.intervals.length === 0 ? r : Math.max(0, Math.min(i.total, r));
-        return G(Gt(a, i), t.calendar) + (r - a);
+        return H(Kt(a, i), t.calendar) + (r - a);
       };
       this.domain = [o(this.domain[0]), o(this.domain[1])];
     }
   }
   /** Puts a span of two wall-clock instants in view. */
   showWall(t) {
-    this.domain = [G(t[0], this.options.calendar), G(t[1], this.options.calendar)];
+    this.domain = [H(t[0], this.options.calendar), H(t[1], this.options.calendar)];
   }
   viewport() {
     return {
-      scale: new ms(this.domain, [0, this.width]),
+      scale: new Ts(this.domain, [0, this.width]),
       calendar: this.options.calendar,
       scrollY: this.scrollY,
       rows: this.rows
@@ -497,29 +508,29 @@ class Ws {
   /** The fine band's step at the current zoom. */
   step() {
     const t = this.domain[1] - this.domain[0];
-    return $s(this.width > 0 ? t / this.width : t, ze * this.fontScale);
+    return Qs(this.width > 0 ? t / this.width : t, Ze * this.fontScale);
   }
   /** Lays the rows out, clamps the scroll, and lays the data out anew. */
   layout() {
-    this.moved = !1, this.rows = pe({
+    this.moved = !1, this.rows = we({
       lanes: this.data.lanes,
       groups: this.data.groups,
-      collapsed: Ds(this.collapsed, this.openForGesture),
+      collapsed: Ks(this.collapsed, this.openForGesture),
       laneHeight: Math.round(this.options.laneHeight * this.fontScale),
-      headHeight: Math.round(He * this.fontScale)
+      headHeight: Math.round(ze * this.fontScale)
     }), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY));
     const t = this.viewport();
     this.laidBoxes = [], this.laidBoxById = /* @__PURE__ */ new Map();
     for (const e of this.data.subtasks) {
-      const n = Xt(this.rows, e.lane);
+      const n = Jt(this.rows, e.lane);
       if (n === null) continue;
-      const i = Ke(t, e, n, this.data.depth.get(e.id) ?? 0);
+      const i = Xe(t, e, n, this.data.depth.get(e.id) ?? 0);
       this.laidBoxes.push(i), this.laidBoxById.set(e.id, i);
     }
     this.laidPaths = [];
     for (const e of this.data.dependencies) {
       const n = this.boxById.get(e.from), i = this.boxById.get(e.to);
-      n === void 0 || i === void 0 || this.laidPaths.push(Rt(t, e, n, i, this.options));
+      n === void 0 || i === void 0 || this.laidPaths.push(Nt(t, e, n, i, this.options));
     }
   }
   /** The days of the coarse band and the ticks of the fine band, in pixels. */
@@ -528,11 +539,11 @@ class Ws {
     if (this.width <= 0) return { days: [], ticks: [], step: t };
     const e = this.viewport().scale, n = this.options.calendar;
     return {
-      days: Hs(this.domain, n).map((i) => {
+      days: en(this.domain, n).map((i) => {
         const o = Math.round(e.toPx(i.from));
         return { start: i.start, x: o, width: Math.round(e.toPx(i.to)) - o };
       }),
-      ticks: Gs(this.domain, t, n).map((i) => ({ wallClock: i.wallClock, x: Math.round(e.toPx(i.workingTime)) })),
+      ticks: tn(this.domain, t, n).map((i) => ({ wallClock: i.wallClock, x: Math.round(e.toPx(i.workingTime)) })),
       step: t
     };
   }
@@ -540,32 +551,32 @@ class Ws {
   nowX() {
     const t = this.options.now;
     if (t === null || this.width <= 0) return null;
-    const e = Math.round(this.viewport().scale.toPx(G(t, this.options.calendar)));
+    const e = Math.round(this.viewport().scale.toPx(H(t, this.options.calendar)));
     return e >= 0 && e <= this.width ? e : null;
   }
   hitAt(t, e) {
     const n = this.viewport();
     for (let a = this.data.milestones.length - 1; a >= 0; a--) {
-      const l = this.data.milestones[a], d = qt(n, l);
+      const l = this.data.milestones[a], d = Zt(n, l);
       if (d !== null && Math.abs(t - d.x) + Math.abs(e - d.y) <= d.half + 2) return { kind: "milestone", milestone: l };
     }
     for (let a = this.boxes.length - 1; a >= 0; a--) {
-      const l = this.boxes[a], d = Ve(l, t, e);
+      const l = this.boxes[a], d = qe(l, t, e);
       if (d !== null) return { kind: "subtask", subtask: l.subtask, part: d };
     }
     let i = null, o = 4;
     for (const a of this.paths) {
-      const l = Bs(a, t, e);
+      const l = Js(a, t, e);
       l <= o && (o = l, i = a);
     }
     if (i !== null) return { kind: "dependency", dependency: i.dependency };
-    const r = ve(this.viewport(), e);
+    const r = Te(this.viewport(), e);
     return r !== null ? { kind: "lane", lane: r } : { kind: "nothing" };
   }
   /** The wall-clock time at a plot x; within the calendar's extent. */
   timeAt(t) {
     const e = this.viewport().scale.fromPx(t);
-    return dt(e, this.options.calendar);
+    return ut(e, this.options.calendar);
   }
   /** The lane at a y, strips included: what the pointer is ON.
   
@@ -574,7 +585,7 @@ class Ws {
         `foldedGroupAt` - and a caller that reached through `viewport()` for it
         would be depending on the layout rather than asking the view. */
   laneIdAt(t) {
-    return ve(this.viewport(), t);
+    return Te(this.viewport(), t);
   }
   /** The lane a DROP at this y would land on.
   
@@ -584,19 +595,19 @@ class Ws {
         aim at. Hover, the tooltip and selection do read a strip - they cost
         nothing if they are a pixel out. */
   dropLaneIdAt(t) {
-    const e = et(this.rows, t + this.scrollY);
+    const e = nt(this.rows, t + this.scrollY);
     return e === null || e.kind !== "lane" ? null : e.lane ?? null;
   }
   /** The folded group a y lies over, or null. */
   foldedGroupAt(t) {
-    const e = et(this.rows, t + this.scrollY);
+    const e = nt(this.rows, t + this.scrollY);
     return e !== null && e.kind === "miniature" ? e.group ?? null : null;
   }
   /** Pans by pixels. Says what moved: the span through time, the lanes, or
       neither - a scroll through the lanes is no news about the time. */
   pan(t, e) {
     const n = this.domain[0], i = this.scrollY, o = this.domain[1] - n;
-    this.width > 0 && t !== 0 && (this.domain = Vs(this.domain, t / this.width * o)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
+    this.width > 0 && t !== 0 && (this.domain = on(this.domain, t / this.width * o)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
     const r = this.domain[0] !== n;
     return { moved: r || this.scrollY !== i, time: r };
   }
@@ -604,65 +615,65 @@ class Ws {
   zoomAt(t, e) {
     if (this.width <= 0 || !Number.isFinite(e)) return !1;
     const n = this.domain, i = this.viewport().scale.fromPx(t);
-    return this.domain = Ks(this.domain, i, e, this.options.zoomLimits), n[0] !== this.domain[0] || n[1] !== this.domain[1];
-  }
-}
-const zs = "_root_1g7hg_4 _text_18806_22", Us = "_corner_1g7hg_19", Xs = "_dayBand_1g7hg_23", qs = "_tickBand_1g7hg_24", js = "_day_1g7hg_23", Js = "_dayLabel_1g7hg_50", Zs = "_tick_1g7hg_24", Qs = "_tickLabel_1g7hg_71", tn = "_headers_1g7hg_79", en = "_header_1g7hg_79", sn = "_headerLabel_1g7hg_97", nn = "_headerCount_1g7hg_133", on = "_chevron_1g7hg_142", rn = "_plot_1g7hg_197", an = "_focusRing_1g7hg_204", ln = "_layer_1g7hg_222", dn = "_grip_1g7hg_231", hn = "_ghostLabel_1g7hg_241", cn = "_finding_1g7hg_254", un = "_refusal_1g7hg_262", fn = "_tooltip_1g7hg_266", mn = "_tooltipHead_1g7hg_285", pn = "_tooltipTimes_1g7hg_290", gn = "_now_1g7hg_299", kn = "_barLabel_1g7hg_313", vn = "_barLabelText_1g7hg_326", g = {
-  root: zs,
-  corner: Us,
-  dayBand: Xs,
-  tickBand: qs,
-  day: js,
-  dayLabel: Js,
-  tick: Zs,
-  tickLabel: Qs,
-  headers: tn,
-  header: en,
-  headerLabel: sn,
-  headerCount: nn,
-  chevron: on,
-  plot: rn,
-  focusRing: an,
-  layer: ln,
-  grip: dn,
-  ghostLabel: hn,
-  finding: cn,
-  refusal: un,
-  tooltip: fn,
-  tooltipHead: mn,
-  tooltipTimes: pn,
-  now: gn,
-  barLabel: kn,
-  barLabelText: vn
+    return this.domain = nn(this.domain, i, e, this.options.zoomLimits), n[0] !== this.domain[0] || n[1] !== this.domain[1];
+  }
+}
+const an = "_root_mm9nj_4 _text_18806_22", ln = "_corner_mm9nj_19", dn = "_dayBand_mm9nj_23", hn = "_tickBand_mm9nj_24", cn = "_day_mm9nj_23", un = "_dayLabel_mm9nj_50", fn = "_tick_mm9nj_24", mn = "_tickLabel_mm9nj_71", pn = "_headers_mm9nj_81", gn = "_header_mm9nj_81", kn = "_headerLabel_mm9nj_100", vn = "_headerCount_mm9nj_136", yn = "_chevron_mm9nj_145", wn = "_plot_mm9nj_223", bn = "_focusRing_mm9nj_237", Mn = "_layer_mm9nj_255", Tn = "_grip_mm9nj_282", Sn = "_ghostLabel_mm9nj_292", In = "_finding_mm9nj_305", Ln = "_refusal_mm9nj_313", An = "_tooltip_mm9nj_317", Cn = "_tooltipHead_mm9nj_336", Dn = "_tooltipTimes_mm9nj_341", _n = "_now_mm9nj_350", On = "_barLabel_mm9nj_364", Fn = "_barLabelText_mm9nj_377", p = {
+  root: an,
+  corner: ln,
+  dayBand: dn,
+  tickBand: hn,
+  day: cn,
+  dayLabel: un,
+  tick: fn,
+  tickLabel: mn,
+  headers: pn,
+  header: gn,
+  headerLabel: kn,
+  headerCount: vn,
+  chevron: yn,
+  plot: wn,
+  focusRing: bn,
+  layer: Mn,
+  grip: Tn,
+  ghostLabel: Sn,
+  finding: In,
+  refusal: Ln,
+  tooltip: An,
+  tooltipHead: Cn,
+  tooltipTimes: Dn,
+  now: _n,
+  barLabel: On,
+  barLabelText: Fn
 };
-function Xe() {
-  const s = kt();
+function ts() {
+  const s = yt();
   return (t) => {
     const e = Math.round(t / q), n = Math.floor(e / 60), i = e % 60;
     return [n > 0 ? s.hoursShort(n) : "", i > 0 || n === 0 ? s.minutesShort(i) : ""].filter(Boolean).join(" ");
   };
 }
-function yn({ target: s, lane: t }) {
-  const e = Yt(), n = kt(), i = Xe(), o = (c) => e.time(new Date(c), !1);
+function En({ target: s, lane: t }) {
+  const e = jt(), n = yt(), i = ts(), o = (u) => e.time(new Date(u), !1);
   if (s.kind === "subtask") {
-    const { subtask: c, task: f } = s, p = [
-      f?.name ?? c.task,
-      c.name ?? c.id,
-      `${e.dateShort(new Date(c.from))} ${n.scheduleGhostTimes(o(c.from), o(c.to))}`,
-      ...s.overlapping.map((k) => n.scheduleOverlapWith(k.name ?? k.id)),
-      ...s.violatedDependencies.map((k) => n.scheduleViolatedBy(i(k.shortBy))),
-      ...s.blocked.map((k) => n.scheduleInBlockedTime(k.label))
+    const { subtask: u, task: f } = s, g = [
+      f?.name ?? u.task,
+      u.name ?? u.id,
+      `${e.dateShort(new Date(u.from))} ${n.scheduleGhostTimes(o(u.from), o(u.to))}`,
+      ...s.overlapping.map((v) => n.scheduleOverlapWith(v.name ?? v.id)),
+      ...s.violatedDependencies.map((v) => n.scheduleViolatedBy(i(v.shortBy))),
+      ...s.blocked.map((v) => n.scheduleInBlockedTime(v.label))
     ];
-    return /* @__PURE__ */ $(at, { children: [
+    return /* @__PURE__ */ N(ht, { children: [
       t,
-      `, ${p.join(", ")}`
+      `, ${g.join(", ")}`
     ] });
   }
   if (s.kind === "milestone") {
-    const { milestone: c } = s;
-    return /* @__PURE__ */ $(at, { children: [
+    const { milestone: u } = s;
+    return /* @__PURE__ */ N(ht, { children: [
       t,
-      `, ${n.scheduleMilestone(c.label ?? c.id)}, ${e.dateShort(new Date(c.at))} ${o(c.at)}`
+      `, ${n.scheduleMilestone(u.label ?? u.id)}, ${e.dateShort(new Date(u.at))} ${o(u.at)}`
     ] });
   }
   const { dependency: r, task: a, from: l, to: d, violated: h } = s;
@@ -673,371 +684,389 @@ function yn({ target: s, lane: t }) {
     ...h === void 0 ? [] : [n.scheduleViolatedBy(i(h.shortBy))]
   ].join(", ");
 }
-function wn({ target: s }) {
-  const t = Yt(), e = kt(), n = (h) => t.time(new Date(h), !1), i = Xe();
+function xn({ target: s }) {
+  const t = jt(), e = yt(), n = (h) => t.time(new Date(h), !1), i = ts();
   if (s.kind === "subtask") {
-    const { subtask: h, task: c } = s;
-    return /* @__PURE__ */ $(at, { children: [
-      /* @__PURE__ */ m("span", { className: g.tooltipHead, children: c?.name ?? h.task }),
+    const { subtask: h, task: u } = s;
+    return /* @__PURE__ */ N(ht, { children: [
+      /* @__PURE__ */ m("span", { className: p.tooltipHead, children: u?.name ?? h.task }),
       /* @__PURE__ */ m("span", { children: h.name ?? h.id }),
-      /* @__PURE__ */ m("span", { className: g.tooltipTimes, children: e.scheduleGhostTimes(n(h.from), n(h.to)) }),
+      /* @__PURE__ */ m("span", { className: p.tooltipTimes, children: e.scheduleGhostTimes(n(h.from), n(h.to)) }),
       (h.leadIn ?? 0) > 0 && /* @__PURE__ */ m("span", { children: `${e.scheduleLeadIn} ${i(h.leadIn)}` }),
       (h.leadOut ?? 0) > 0 && /* @__PURE__ */ m("span", { children: `${e.scheduleLeadOut} ${i(h.leadOut)}` }),
-      s.overlapping.map((f) => /* @__PURE__ */ m("span", { className: g.finding, children: e.scheduleOverlapWith(f.name ?? f.id) }, f.id)),
-      s.violatedDependencies.map((f) => /* @__PURE__ */ m("span", { className: g.finding, children: e.scheduleViolatedBy(i(f.shortBy)) }, f.dependency)),
-      s.blocked.map((f) => /* @__PURE__ */ m("span", { className: g.finding, children: e.scheduleInBlockedTime(f.label) }, f.id))
+      s.overlapping.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleOverlapWith(f.name ?? f.id) }, f.id)),
+      s.violatedDependencies.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleViolatedBy(i(f.shortBy)) }, f.dependency)),
+      s.blocked.map((f) => /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleInBlockedTime(f.label) }, f.id))
     ] });
   }
   if (s.kind === "milestone") {
     const { milestone: h } = s;
-    return /* @__PURE__ */ $(at, { children: [
-      /* @__PURE__ */ m("span", { className: g.tooltipHead, children: e.scheduleMilestone(h.label ?? h.id) }),
-      /* @__PURE__ */ m("span", { className: g.tooltipTimes, children: `${t.dateShort(new Date(h.at))} ${n(h.at)}` })
+    return /* @__PURE__ */ N(ht, { children: [
+      /* @__PURE__ */ m("span", { className: p.tooltipHead, children: e.scheduleMilestone(h.label ?? h.id) }),
+      /* @__PURE__ */ m("span", { className: p.tooltipTimes, children: `${t.dateShort(new Date(h.at))} ${n(h.at)}` })
     ] });
   }
   const { dependency: o, task: r, from: a, to: l, violated: d } = s;
-  return /* @__PURE__ */ $(at, { children: [
-    /* @__PURE__ */ m("span", { className: g.tooltipHead, children: r?.name ?? r?.id ?? o.id }),
+  return /* @__PURE__ */ N(ht, { children: [
+    /* @__PURE__ */ m("span", { className: p.tooltipHead, children: r?.name ?? r?.id ?? o.id }),
     /* @__PURE__ */ m("span", { children: e.scheduleRoute(a?.name ?? o.from, l?.name ?? o.to) }),
     /* @__PURE__ */ m("span", { children: `${e.scheduleDependency} ${i(o.lag)}` }),
-    d !== void 0 && /* @__PURE__ */ m("span", { className: g.finding, children: e.scheduleViolatedBy(i(d.shortBy)) })
+    d !== void 0 && /* @__PURE__ */ m("span", { className: p.finding, children: e.scheduleViolatedBy(i(d.shortBy)) })
   ] });
 }
-const bn = [], we = { min: Ht, max: 28 * U }, Mn = [], be = 20, Tn = 44, Sn = 84, In = 200;
-function Ln(s) {
+const Pn = [], Ie = { min: Vt, max: 28 * X }, Rn = [], Le = 20, Nn = 44, Bn = 84, $n = 200;
+function Gn(s) {
   const {
     ref: t,
     scene: e,
-    ariaLabel: n,
-    height: i = 400,
-    laneHeight: o = Nt,
-    headerWidth: r = 160,
-    calendar: a = Mn,
-    zoomLimits: l,
-    snap: d = "ticks",
-    intents: h = bn,
-    onIntent: c,
-    canMoveTo: f,
-    onInteraction: p,
-    selectedTask: k,
-    onSelectedTaskChange: A,
-    placing: I,
-    route: L = "curve",
-    attach: D = "centre",
-    ends: w = "dot",
-    label: M,
-    tooltip: T,
-    now: _,
-    className: O,
-    style: V,
-    children: ut
-  } = s, nt = vs(), it = `${nt}-summary`, Jt = Y(null), Zt = Y(null), Qt = Y(null), te = Y(null), H = Yt(), P = kt(), ee = l?.min ?? we.min, se = l?.max ?? we.max, ne = typeof d == "object" ? d.step : null, ie = typeof d == "object" ? d.offset : null, oe = typeof d == "object" ? null : d, [ss, ns] = rt(() => Date.now());
-  z(() => {
-    if (_ !== !0) return;
-    const u = setInterval(() => ns(Date.now()), q);
-    return () => clearInterval(u);
-  }, [_]);
-  const re = _ === !0 ? ss : typeof _ == "number" ? _ : null;
-  ft(() => {
-    const u = oe ?? { step: ne ?? 0, offset: ie ?? 0 };
-    e.setOptions({ laneHeight: o, calendar: a, zoomLimits: { min: ee, max: se }, snap: u, intents: h, now: re, route: L, attach: D, ends: w });
-  }, [e, o, a, ee, se, oe, ne, ie, h, re, L, D, w]), z(() => {
-    e.setHandlers({ onIntent: c, canMoveTo: f, onInteraction: p, onSelectedTaskChange: A });
-  }, [e, c, f, p, A]), ys(
-    t,
-    () => ({
-      positionAt: (u, y) => e.positionAt(u, y),
-      clientPointOf: (u, y) => e.clientPointOf(u, y),
-      visibleDomain: () => e.visibleDomain()
-    }),
-    [e]
-  ), z(() => {
-    e.setControlledTask(k);
-  }, [e, k]), z(() => {
-    e.setPlacing(I ?? null);
-  }, [e, I]), z(() => {
-    const u = Jt.current, y = Zt.current, S = Qt.current, E = te.current;
-    if (!u || !y || !S || !E) return;
-    e.bind(u, y, S, E);
-    const C = y.getBoundingClientRect();
-    e.resize(C.width, C.height);
-    const F = new ResizeObserver((X) => {
-      const Ct = X[X.length - 1]?.contentRect;
-      Ct !== void 0 && e.resize(Ct.width, Ct.height);
+    "aria-label": n,
+    "aria-labelledby": i,
+    "aria-describedby": o,
+    ariaLabel: r,
+    height: a,
+    laneHeight: l = Bt,
+    headerWidth: d = 160,
+    calendar: h = Rn,
+    zoomLimits: u,
+    snap: f = "ticks",
+    intents: g = Pn,
+    onIntent: v,
+    canMoveTo: D,
+    onInteraction: L,
+    selectedTask: A,
+    onSelectedTaskChange: _,
+    placing: b,
+    route: T = "curve",
+    attach: S = "centre",
+    ends: E = "dot",
+    label: F,
+    tooltip: G,
+    now: z,
+    loading: Z = !1,
+    className: ot,
+    style: ls,
+    children: ds,
+    ...hs
+  } = s;
+  r !== void 0 && Gs("ariaLabel", "aria-label");
+  const te = { "aria-label": n ?? r, "aria-labelledby": i }, Mt = As(), Tt = `${Mt}-summary`, pt = V(null), ee = V(null), se = V(null), ne = V(null), Y = jt(), R = yt(), ie = u?.min ?? Ie.min, oe = u?.max ?? Ie.max, re = typeof f == "object" ? f.step : null, ae = typeof f == "object" ? f.offset : null, le = typeof f == "object" ? null : f, [cs, us] = dt(() => Date.now());
+  j(() => {
+    if (z !== !0) return;
+    const c = setInterval(() => us(Date.now()), q);
+    return () => clearInterval(c);
+  }, [z]);
+  const de = z === !0 ? cs : typeof z == "number" ? z : null;
+  at(() => {
+    const c = le ?? { step: re ?? 0, offset: ae ?? 0 };
+    e.setOptions({ laneHeight: l, calendar: h, zoomLimits: { min: ie, max: oe }, snap: c, intents: g, now: de, route: T, attach: S, ends: E });
+  }, [e, l, h, ie, oe, le, re, ae, g, de, T, S, E]), j(() => {
+    e.setHandlers({ onIntent: v, canMoveTo: D, onInteraction: L, onSelectedTaskChange: _ });
+  }, [e, v, D, L, _]), at(() => {
+    const c = pt.current;
+    if (!c) return;
+    const y = (w, C) => (...I) => (We("handle", `a ref to the schedule's handle is deprecated and goes in the next minor release; call ${w} on useSchedule's return.`), C(...I));
+    Object.assign(c, {
+      positionAt: y("positionAt", (w, C) => e.positionAt(w, C)),
+      clientPointOf: y("clientPointOf", (w, C) => e.clientPointOf(w, C)),
+      visibleDomain: y("visibleDomain", () => e.visibleDomain())
     });
-    F.observe(y);
-    const N = document.createElement("div");
-    N.setAttribute("aria-hidden", "true"), N.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:1rem;height:0", u.appendChild(N);
-    const B = () => e.setFontScale(xs(parseFloat(getComputedStyle(N).width)));
+  }, [e]), Cs(t, () => pt.current, []), j(() => {
+    e.setLoading(Z);
+  }, [e, Z]), j(() => {
+    e.setControlledTask(A);
+  }, [e, A]), j(() => {
+    e.setPlacing(b ?? null);
+  }, [e, b]), j(() => {
+    const c = pt.current, y = ee.current, w = se.current, C = ne.current;
+    if (!c || !y || !w || !C) return;
+    e.bind(c, y, w, C);
+    const I = y.getBoundingClientRect();
+    e.resize(I.width, I.height);
+    const O = new ResizeObserver((K) => {
+      const Ot = K[K.length - 1]?.contentRect;
+      Ot !== void 0 && e.resize(Ot.width, Ot.height);
+    });
+    O.observe(y);
+    const P = document.createElement("div");
+    P.setAttribute("aria-hidden", "true"), P.style.cssText = "position:absolute;visibility:hidden;pointer-events:none;width:1rem;height:0", c.appendChild(P);
+    const B = () => e.setFontScale(Zs(parseFloat(getComputedStyle(P).width)));
     B();
-    const x = new ResizeObserver(B);
-    x.observe(N);
-    const Q = (X) => e.wheel(X);
-    u.addEventListener("wheel", Q, { passive: !1 });
-    const ue = (X) => {
-      X.key === "Escape" && e.cancelEdit() && X.preventDefault();
+    const $ = new ResizeObserver(B);
+    $.observe(P);
+    const et = (K) => e.wheel(K);
+    c.addEventListener("wheel", et, { passive: !1 });
+    const pe = (K) => e.touchMove(K);
+    c.addEventListener("touchmove", pe, { passive: !1 });
+    const ge = (K) => {
+      K.key === "Escape" && e.cancelEdit() && K.preventDefault();
     };
-    return window.addEventListener("keydown", ue), () => {
-      window.removeEventListener("keydown", ue), u.removeEventListener("wheel", Q), F.disconnect(), x.disconnect(), N.remove(), e.unbind();
+    return window.addEventListener("keydown", ge), () => {
+      window.removeEventListener("keydown", ge), c.removeEventListener("wheel", et), c.removeEventListener("touchmove", pe), O.disconnect(), $.disconnect(), P.remove(), e.unbind();
     };
   }, [e]);
-  const v = Pe(e.subscribe, e.getSnapshot, e.getServerSnapshot), { fontScale: wt } = v, bt = Tn * wt, is = Sn * wt, os = In * wt, rs = (u, y) => {
-    const S = new Date(u);
-    return y >= os ? H.dateLong(S) : y >= is ? H.date(S) : y >= bt ? H.dateShort(S) : "";
-  }, as = v.days.reduce((u, y) => Math.max(u, y.width), 0), J = Ys(as, bt), ae = v.step >= U ? J : 1, b = v.ghost, Z = v.spoken, Mt = v.summary, le = (u) => `${H.dateShort(new Date(u))} ${H.time(new Date(u), !1)}`, Tt = (u) => `${nt}-row-${encodeURIComponent(u.key)}`, ls = K(() => {
-    const u = /* @__PURE__ */ new Map();
-    for (const y of v.headers)
-      for (const S of y.within)
-        y.kind === "groupHead" && S === y.group || u.set(S, [...u.get(S) ?? [], Tt(y)]);
-    return u;
-  }, [v.headers, nt]), de = Y(null);
-  ft(() => {
-    const u = de.current;
-    if (u === null) return;
+  const k = He(e.subscribe, e.getSnapshot, e.getServerSnapshot), { fontScale: rt } = k, St = Nn * rt, fs = Bn * rt, ms = $n * rt, ps = (c, y) => {
+    const w = new Date(c);
+    return y >= ms ? Y.dateLong(w) : y >= fs ? Y.date(w) : y >= St ? Y.dateShort(w) : "";
+  }, gs = k.days.reduce((c, y) => Math.max(c, y.width), 0), Q = sn(gs, St), he = k.step >= X ? Q : 1, M = k.ghost, tt = k.spoken, It = k.summary, ce = (c) => `${Y.dateShort(new Date(c))} ${Y.time(new Date(c), !1)}`, Lt = (c) => `${Mt}-row-${encodeURIComponent(c.key)}`, ks = W(() => {
+    const c = /* @__PURE__ */ new Map();
+    for (const y of k.headers)
+      for (const w of y.within)
+        y.kind === "groupHead" && w === y.group || c.set(w, [...c.get(w) ?? [], Lt(y)]);
+    return c;
+  }, [k.headers, Mt]), ue = V(null);
+  at(() => {
+    const c = ue.current;
+    if (c === null) return;
     let y = !0;
-    const S = () => {
+    const w = () => {
       if (!y) return;
-      const F = [...u.querySelectorAll("[data-lane-count]")];
-      for (const B of F) B.hidden = !1;
-      const N = F.some((B) => {
-        const x = B.previousElementSibling;
-        if (!(x instanceof HTMLElement)) return !1;
-        const Q = parseFloat(getComputedStyle(x).lineHeight);
-        return x.scrollWidth > x.clientWidth || x.clientHeight > Q * 1.5;
+      const O = [...c.querySelectorAll("[data-lane-count]")];
+      for (const B of O) B.hidden = !1;
+      const P = O.some((B) => {
+        const $ = B.previousElementSibling;
+        if (!($ instanceof HTMLElement)) return !1;
+        const et = parseFloat(getComputedStyle($).lineHeight);
+        return $.scrollWidth > $.clientWidth || $.clientHeight > et * 1.5;
       });
-      for (const B of F) B.hidden = N;
+      for (const B of O) B.hidden = P;
     };
-    S(), document.fonts?.ready.then(S);
-    const E = new ResizeObserver(S);
-    E.observe(u);
-    const C = new MutationObserver(S);
-    return C.observe(u, { childList: !0, characterData: !0, subtree: !0 }), () => {
-      y = !1, E.disconnect(), C.disconnect();
+    w(), document.fonts?.ready.then(w);
+    const C = new ResizeObserver(w);
+    C.observe(c);
+    const I = new MutationObserver(w);
+    return I.observe(c, { childList: !0, characterData: !0, subtree: !0 }), () => {
+      y = !1, C.disconnect(), I.disconnect();
     };
   }, []);
-  const ds = K(() => new Set(b?.refusedLanes ?? []), [b?.refusedLanes]), he = Y(null), [St, hs] = rt({ x: 0, y: 0, at: "" }), It = b === null ? "" : `${b.x}:${b.y}:${b.from}:${b.to}:${b.overlap}:${b.violated}:${b.refused}:${b.blocked}`;
-  ft(() => {
-    const u = he.current;
-    if (b === null || u === null) return;
-    const y = 4, S = b.y - u.offsetHeight - y, E = b.y + b.height + y, C = {
-      x: Math.max(2, Math.min(b.x, v.width - u.offsetWidth - 2)),
-      y: S >= 2 ? S : Math.min(E, v.height - u.offsetHeight - 2),
-      at: It
+  const vs = W(() => new Set(M?.refusedLanes ?? []), [M?.refusedLanes]), fe = V(null), [At, ys] = dt({ x: 0, y: 0, at: "" }), Ct = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.violated}:${M.refused}:${M.blocked}`;
+  at(() => {
+    const c = fe.current;
+    if (M === null || c === null) return;
+    const y = 4, w = M.y - c.offsetHeight - y, C = M.y + M.height + y, I = {
+      x: Math.max(2, Math.min(M.x, k.width - c.offsetWidth - 2)),
+      y: w >= 2 ? w : Math.min(C, k.height - c.offsetHeight - 2),
+      at: Ct
     };
-    hs((F) => F.x === C.x && F.y === C.y && F.at === C.at ? F : C);
-  }, [b, It, v.width, v.height]);
-  const ce = Y(null), [Lt, cs] = rt({ x: 0, y: 0, at: "" }), W = v.tooltip, At = W === null ? "" : `${W.x}:${W.y}:${W.target.kind}`;
-  return ft(() => {
-    const u = ce.current;
-    if (W === null || u === null) return;
-    const y = 12, S = (C, F, N) => {
-      const B = C + y, x = C - y - F, Q = B + F <= N - 4 || x < 4 ? B : x;
-      return Math.max(4, Math.min(Q, N - F - 4));
-    }, E = {
-      x: S(W.x, u.offsetWidth, v.width),
-      y: S(W.y, u.offsetHeight, v.height),
-      at: At
+    ys((O) => O.x === I.x && O.y === I.y && O.at === I.at ? O : I);
+  }, [M, Ct, k.width, k.height]);
+  const me = V(null), [Dt, ws] = dt({ x: 0, y: 0, at: "" }), U = k.tooltip, _t = U === null ? "" : `${U.x}:${U.y}:${U.target.kind}`;
+  return at(() => {
+    const c = me.current;
+    if (U === null || c === null) return;
+    const y = 12, w = (I, O, P) => {
+      const B = I + y, $ = I - y - O, et = B + O <= P - 4 || $ < 4 ? B : $;
+      return Math.max(4, Math.min(et, P - O - 4));
+    }, C = {
+      x: w(U.x, c.offsetWidth, k.width),
+      y: w(U.y, c.offsetHeight, k.height),
+      at: _t
     };
-    cs((C) => C.x === E.x && C.y === E.y && C.at === E.at ? C : E);
-  }, [W, At, v.width, v.height]), /* @__PURE__ */ $(xe, { value: e, children: [
-    /* @__PURE__ */ $(
+    ws((I) => I.x === C.x && I.y === C.y && I.at === C.at ? I : C);
+  }, [U, _t, k.width, k.height]), /* @__PURE__ */ N(Ke, { value: e, children: [
+    /* @__PURE__ */ N(
       "div",
       {
-        ref: Jt,
+        ...hs,
+        ref: pt,
         role: "figure",
-        "aria-label": n,
-        className: O ? `${g.root} ${O}` : g.root,
-        style: { height: `${i}px`, gridTemplateColumns: `min(${r}px, 40%) minmax(0, 1fr)`, ...V },
+        ...te,
+        className: ot ? `${p.root} ${ot}` : p.root,
+        style: { ...a === void 0 ? { height: "100%", minHeight: 400 } : { height: `${a}px` }, gridTemplateColumns: `min(${d}px, 40%) minmax(0, 1fr)`, ...ls },
         children: [
-          /* @__PURE__ */ m("div", { className: g.corner }),
-          /* @__PURE__ */ m("div", { className: g.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: v.days.map((u, y) => {
-            const S = J === 1 || y === 0 || Ft(u.start, J), E = J === 1 ? u.x + u.width : v.days.slice(y + 1).find((N) => Ft(N.start, J))?.x ?? v.width, C = Math.max(0, -u.x), F = Math.min(E, v.width) - Math.max(u.x, 0);
-            return /* @__PURE__ */ m("span", { className: g.day, style: { left: `${u.x}px`, width: `${S ? E - u.x : u.width}px` }, children: /* @__PURE__ */ m("span", { className: g.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${C}px` }, children: S ? rs(u.start, J === 1 ? F : Math.min(F, bt)) : "" }) }, u.start);
+          /* @__PURE__ */ m("div", { className: p.corner }),
+          /* @__PURE__ */ m("div", { className: p.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: k.days.map((c, y) => {
+            const w = Q === 1 || y === 0 || xt(c.start, Q), C = Q === 1 ? c.x + c.width : k.days.slice(y + 1).find((P) => xt(P.start, Q))?.x ?? k.width, I = Math.max(0, -c.x), O = Math.min(C, k.width) - Math.max(c.x, 0);
+            return /* @__PURE__ */ m("span", { className: p.day, style: { left: `${c.x}px`, width: `${w ? C - c.x : c.width}px` }, children: /* @__PURE__ */ m("span", { className: p.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${I}px` }, children: w ? ps(c.start, Q === 1 ? O : Math.min(O, St)) : "" }) }, c.start);
           }) }),
-          /* @__PURE__ */ m("div", { ref: de, className: g.headers, "data-schedule-headers": "", children: /* @__PURE__ */ m("div", { className: g.headerRun, style: { transform: `translateY(${-v.scrollY}px)` }, children: v.headers.map((u) => /* @__PURE__ */ $(
-            "div",
-            {
-              id: Tt(u),
-              className: g.header,
-              style: { height: `${u.height}px`, paddingLeft: `calc(var(--u-space-3) + ${u.depth} * var(--u-space-3))` },
-              "data-lane": u.lane,
-              "data-group": u.group,
-              "data-row": u.kind,
-              "data-schedule-clip": `header ${u.kind}`,
-              "data-refused": u.lane !== void 0 && ds.has(u.lane) ? "" : void 0,
-              children: [
-                u.kind !== "lane" && u.group !== void 0 && /* @__PURE__ */ m(
-                  "button",
-                  {
-                    type: "button",
-                    className: g.chevron,
-                    "data-schedule-overlay": "fold control",
-                    "aria-expanded": u.collapsed === !1,
-                    "aria-controls": (ls.get(u.group) ?? [Tt(u)]).join(" "),
-                    "aria-label": `${u.collapsed === !0 ? P.scheduleUnfoldGroup : P.scheduleFoldGroup}: ${typeof u.label == "string" ? u.label : u.group}`,
-                    onClick: () => e.toggleGroup(u.group),
-                    children: /* @__PURE__ */ m(bs, { size: 9, "data-open": u.collapsed === !1 ? "" : void 0 })
-                  }
-                ),
-                /* @__PURE__ */ m("span", { className: g.headerLabel, "data-schedule-overlay": "header label", children: u.label }),
-                u.kind !== "lane" && /* @__PURE__ */ m("span", { className: g.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": u.lanes, children: P.scheduleLaneCount(u.lanes) })
-              ]
-            },
-            u.key
-          )) }) }),
-          /* @__PURE__ */ $(
+          /* @__PURE__ */ m("div", { ref: ue, className: p.headers, "data-schedule-headers": "", children: /* @__PURE__ */ N("div", { className: p.headerRun, style: { transform: `translateY(${-k.scrollY}px)` }, children: [
+            Z && k.headers.length === 0 && Array.from({ length: Math.floor(k.height / Math.round(l * rt)) }, (c, y) => /* @__PURE__ */ m("div", { className: p.header, style: { height: `${Math.round(l * rt)}px` }, children: /* @__PURE__ */ m(_s, { width: "60%" }) }, y)),
+            k.headers.map((c) => /* @__PURE__ */ N(
+              "div",
+              {
+                id: Lt(c),
+                className: p.header,
+                style: { height: `${c.height}px`, paddingLeft: `calc(var(--u-space-3) + ${c.depth} * var(--u-space-3))` },
+                "data-lane": c.lane,
+                "data-group": c.group,
+                "data-row": c.kind,
+                "data-schedule-clip": `header ${c.kind}`,
+                "data-refused": c.lane !== void 0 && vs.has(c.lane) ? "" : void 0,
+                children: [
+                  c.kind !== "lane" && c.group !== void 0 && /* @__PURE__ */ m(
+                    "button",
+                    {
+                      type: "button",
+                      className: p.chevron,
+                      "data-schedule-overlay": "fold control",
+                      "aria-expanded": c.collapsed === !1,
+                      "aria-controls": (ks.get(c.group) ?? [Lt(c)]).join(" "),
+                      "aria-label": `${c.collapsed === !0 ? R.scheduleUnfoldGroup : R.scheduleFoldGroup}: ${typeof c.label == "string" ? c.label : c.group}`,
+                      onClick: () => e.toggleGroup(c.group),
+                      children: /* @__PURE__ */ m(Os, { size: 9, "data-open": c.collapsed === !1 ? "" : void 0 })
+                    }
+                  ),
+                  /* @__PURE__ */ m("span", { className: p.headerLabel, "data-schedule-overlay": "header label", children: c.label }),
+                  c.kind !== "lane" && /* @__PURE__ */ m("span", { className: p.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": c.lanes, children: R.scheduleLaneCount(c.lanes) })
+                ]
+              },
+              c.key
+            ))
+          ] }) }),
+          /* @__PURE__ */ N(
             "div",
             {
-              ref: Zt,
-              className: g.plot,
+              ref: ee,
+              className: p.plot,
               "data-schedule-plot": "",
               "data-schedule-clip": "plot",
-              style: { cursor: v.cursor },
+              style: { cursor: k.cursor },
+              "aria-busy": Z || void 0,
+              "data-stale": k.loading && k.headers.length > 0 || void 0,
               tabIndex: 0,
               role: "application",
-              "aria-roledescription": P.scheduleRoleDescription,
-              "aria-label": n,
-              "aria-describedby": it,
-              onKeyDown: (u) => {
-                e.key(u.nativeEvent) && u.preventDefault();
+              "aria-roledescription": R.scheduleRoleDescription,
+              ...te,
+              "aria-describedby": o ? `${Tt} ${o}` : Tt,
+              onKeyDown: (c) => {
+                e.key(c.nativeEvent) && c.preventDefault();
               },
-              onFocus: (u) => e.focus(An(u.currentTarget)),
+              onFocus: (c) => e.focus(Hn(c.currentTarget)),
               onBlur: () => e.blur(),
-              onPointerDown: (u) => e.pointerDown(u.nativeEvent),
-              onPointerMove: (u) => e.pointerMove(u.nativeEvent),
-              onPointerUp: (u) => e.pointerUp(u.nativeEvent),
-              onPointerCancel: (u) => e.pointerCancel(u.nativeEvent),
+              onPointerDown: (c) => e.pointerDown(c.nativeEvent),
+              onPointerMove: (c) => e.pointerMove(c.nativeEvent),
+              onPointerUp: (c) => e.pointerUp(c.nativeEvent),
+              onPointerCancel: (c) => e.pointerCancel(c.nativeEvent),
               onPointerLeave: () => e.pointerLeave(),
-              onContextMenu: (u) => e.contextMenu(u.nativeEvent),
-              onDragOver: (u) => e.dragOver(u.nativeEvent),
-              onDrop: (u) => e.drop(u.nativeEvent),
-              onDragLeave: (u) => {
-                const y = u.nativeEvent.relatedTarget;
-                (!(y instanceof Node) || !u.currentTarget.contains(y)) && e.dragLeave();
+              onContextMenu: (c) => e.contextMenu(c.nativeEvent),
+              onDragOver: (c) => e.dragOver(c.nativeEvent),
+              onDrop: (c) => e.drop(c.nativeEvent),
+              onDragLeave: (c) => {
+                const y = c.nativeEvent.relatedTarget;
+                (!(y instanceof Node) || !c.currentTarget.contains(y)) && e.dragLeave();
               },
               children: [
-                /* @__PURE__ */ m("canvas", { ref: Qt, className: g.layer, "aria-hidden": "true" }),
-                /* @__PURE__ */ m("canvas", { ref: te, className: g.layer, "aria-hidden": "true" }),
-                v.grips.map((u) => /* @__PURE__ */ m(
+                /* @__PURE__ */ m("canvas", { ref: se, className: p.layer, "aria-hidden": "true" }),
+                /* @__PURE__ */ m("canvas", { ref: ne, className: p.layer, "aria-hidden": "true" }),
+                k.grips.map((c) => /* @__PURE__ */ m(
                   "span",
                   {
-                    "data-grip": u.kind,
-                    "data-schedule-overlay": `${u.kind} grip`,
+                    "data-grip": c.kind,
+                    "data-schedule-overlay": `${c.kind} grip`,
                     "aria-hidden": "true",
-                    className: g.grip,
-                    style: { left: `${u.x}px`, top: `${u.y}px`, height: `${u.height}px` }
+                    className: p.grip,
+                    style: { left: `${c.x}px`, top: `${c.y}px`, height: `${c.height}px` }
                   },
-                  u.kind
+                  c.kind
                 )),
-                M !== void 0 && v.bars.map((u) => /* @__PURE__ */ m(
+                F !== void 0 && k.bars.map((c) => /* @__PURE__ */ m(
                   "span",
                   {
-                    className: g.barLabel,
-                    "data-bar-label": u.subtask.id,
+                    className: p.barLabel,
+                    "data-bar-label": c.subtask.id,
                     "data-schedule-overlay": "bar label",
                     "data-schedule-may-cover": "",
-                    "data-on": u.dark ? "dark" : "light",
-                    style: { left: `${u.x}px`, top: `${u.y}px`, width: `${u.width}px`, height: `${u.height}px` },
-                    children: /* @__PURE__ */ m("span", { className: g.barLabelText, children: M(u.subtask) })
+                    "data-on": c.dark ? "dark" : "light",
+                    style: { left: `${c.x}px`, top: `${c.y}px`, width: `${c.width}px`, height: `${c.height}px` },
+                    children: /* @__PURE__ */ m("span", { className: p.barLabelText, children: F(c.subtask) })
                   },
-                  u.subtask.id
+                  c.subtask.id
                 )),
-                T !== !1 && v.tooltip !== null && /* @__PURE__ */ m(
+                G !== !1 && k.tooltip !== null && /* @__PURE__ */ m(
                   "span",
                   {
-                    ref: ce,
+                    ref: me,
                     role: "tooltip",
-                    className: g.tooltip,
+                    className: p.tooltip,
                     "data-schedule-tooltip": "",
                     "data-schedule-overlay": "tooltip",
                     style: {
-                      left: `${Lt.x}px`,
-                      top: `${Lt.y}px`,
-                      visibility: Lt.at === At ? void 0 : "hidden"
+                      left: `${Dt.x}px`,
+                      top: `${Dt.y}px`,
+                      visibility: Dt.at === _t ? void 0 : "hidden"
                     },
-                    children: typeof T == "function" ? T(v.tooltip.target) : /* @__PURE__ */ m(wn, { target: v.tooltip.target })
+                    children: typeof G == "function" ? G(k.tooltip.target) : /* @__PURE__ */ m(xn, { target: k.tooltip.target })
                   }
                 ),
-                b !== null && /* @__PURE__ */ $(
+                M !== null && /* @__PURE__ */ N(
                   "span",
                   {
-                    ref: he,
-                    className: g.ghostLabel,
+                    ref: fe,
+                    className: p.ghostLabel,
                     "data-ghost": "",
                     "data-schedule-overlay": "ghost label",
-                    "data-findings": [b.overlap ? "overlap" : "", b.violated ? "violated-dependency" : ""].filter(Boolean).join(" "),
-                    "data-refused": b.refused ? "" : void 0,
-                    "data-blocked": b.blocked ? "" : void 0,
+                    "data-findings": [M.overlap ? "overlap" : "", M.violated ? "violated-dependency" : ""].filter(Boolean).join(" "),
+                    "data-refused": M.refused ? "" : void 0,
+                    "data-blocked": M.blocked ? "" : void 0,
                     style: {
-                      left: `${St.x}px`,
-                      top: `${St.y}px`,
-                      visibility: St.at === It ? void 0 : "hidden"
+                      left: `${At.x}px`,
+                      top: `${At.y}px`,
+                      visibility: At.at === Ct ? void 0 : "hidden"
                     },
                     children: [
-                      P.scheduleGhostTimes(H.time(new Date(b.from), !1), H.time(new Date(b.to), !1)),
-                      b.refused && /* @__PURE__ */ m("span", { className: g.refusal, children: P.scheduleLaneRefused }),
-                      b.blocked && /* @__PURE__ */ m("span", { className: g.refusal, children: P.scheduleBlockedTime }),
-                      b.overlap && /* @__PURE__ */ m("span", { className: g.finding, children: P.scheduleOverlap }),
-                      b.violated && /* @__PURE__ */ m("span", { className: g.finding, children: P.scheduleViolatedDependency })
+                      R.scheduleGhostTimes(Y.time(new Date(M.from), !1), Y.time(new Date(M.to), !1)),
+                      M.refused && /* @__PURE__ */ m("span", { className: p.refusal, children: R.scheduleLaneRefused }),
+                      M.blocked && /* @__PURE__ */ m("span", { className: p.refusal, children: R.scheduleBlockedTime }),
+                      M.overlap && /* @__PURE__ */ m("span", { className: p.finding, children: R.scheduleOverlap }),
+                      M.violated && /* @__PURE__ */ m("span", { className: p.finding, children: R.scheduleViolatedDependency })
                     ]
                   }
                 ),
-                /* @__PURE__ */ m("span", { className: g.focusRing, "aria-hidden": "true" })
+                /* @__PURE__ */ m("span", { className: p.focusRing, "aria-hidden": "true" })
               ]
             }
           ),
-          /* @__PURE__ */ m("div", { className: g.corner }),
-          /* @__PURE__ */ $("div", { className: g.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
-            v.now !== null && /* @__PURE__ */ m("span", { className: g.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${v.now}px` } }),
-            v.ticks.map((u) => /* @__PURE__ */ m("span", { className: g.tick, style: { left: `${u.x}px` }, children: u.x >= be && u.x <= v.width - be && (ae === 1 || Ft(u.wallClock, ae)) && /* @__PURE__ */ m("span", { className: g.tickLabel, "data-schedule-overlay": "time label", children: v.step >= U ? H.dateShort(new Date(u.wallClock)) : H.time(new Date(u.wallClock), !1) }) }, u.wallClock))
+          /* @__PURE__ */ m("div", { className: p.corner }),
+          /* @__PURE__ */ N("div", { className: p.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
+            k.now !== null && /* @__PURE__ */ m("span", { className: p.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${k.now}px` } }),
+            k.ticks.map((c) => /* @__PURE__ */ m("span", { className: p.tick, style: { left: `${c.x}px` }, children: c.x >= Le && c.x <= k.width - Le && (he === 1 || xt(c.wallClock, he)) && /* @__PURE__ */ m("span", { className: p.tickLabel, "data-schedule-overlay": "time label", children: k.step >= X ? Y.dateShort(new Date(c.wallClock)) : Y.time(new Date(c.wallClock), !1) }) }, c.wallClock))
           ] }),
-          /* @__PURE__ */ m(fe, { "aria-live": "polite", children: Z !== null && /* @__PURE__ */ m(
-            yn,
+          /* @__PURE__ */ m(ke, { "aria-live": "polite", children: tt !== null && /* @__PURE__ */ m(
+            En,
             {
-              target: Z.target,
-              lane: Z.lane === null ? null : e.data.lanes.find((u) => u.id === Z.lane)?.label ?? Z.lane
+              target: tt.target,
+              lane: tt.lane === null ? null : e.data.lanes.find((c) => c.id === tt.lane)?.label ?? tt.lane
             },
-            Z.count
+            tt.count
           ) }),
-          /* @__PURE__ */ m(fe, { id: it, children: `${P.scheduleSummary({ ...Mt, from: le(Mt.from), to: le(Mt.to) })} ${P.scheduleKeyHelp}` })
+          /* @__PURE__ */ m(ke, { id: Tt, children: k === e.getServerSnapshot() ? R.scheduleKeyHelp : `${R.scheduleSummary({ ...It, from: ce(It.from), to: ce(It.to) })} ${R.scheduleKeyHelp}` })
         ]
       }
     ),
-    ut
+    ds
   ] });
 }
-function An(s) {
+function Hn(s) {
   try {
     return s.matches(":focus-visible");
   } catch {
     return !0;
   }
 }
-function Cn({ id: s, label: t }) {
-  const e = Ge(), n = K(() => ({ id: s, label: t ?? s, ...e === null ? {} : { parent: e } }), [s, t, e]);
-  return Is(n), null;
+function Yn({ id: s, label: t }) {
+  const e = je(), n = W(() => ({ id: s, label: t ?? s, ...e === null ? {} : { parent: e } }), [s, t, e]);
+  return Rs(n), null;
 }
-function Dn({ id: s, label: t, children: e }) {
-  const n = Ge(), i = K(() => ({ id: s, label: t ?? s, ...n === null ? {} : { parent: n } }), [s, t, n]);
-  return Ls(i), /* @__PURE__ */ m($e, { value: s, children: e });
+function Kn({ id: s, label: t, children: e }) {
+  const n = je(), i = W(() => ({ id: s, label: t ?? s, ...n === null ? {} : { parent: n } }), [s, t, n]);
+  return Ns(i), /* @__PURE__ */ m(Ve, { value: s, children: e });
 }
-function _n({ data: s, tasks: t }) {
-  const e = K(() => ({ kind: "subtasks", data: s, tasks: t }), [s, t]);
-  return yt("Subtasks", e), null;
+function Vn({ data: s, tasks: t }) {
+  const e = W(() => ({ kind: "subtasks", data: s, tasks: t }), [s, t]);
+  return bt("Subtasks", e), null;
 }
-function Fn({ data: s }) {
-  const t = K(() => ({ kind: "dependencies", data: s }), [s]);
-  return yt("Dependencies", t), null;
+function jn({ data: s }) {
+  const t = W(() => ({ kind: "dependencies", data: s }), [s]);
+  return bt("Dependencies", t), null;
 }
-function On({ data: s }) {
-  const t = K(() => ({ kind: "blocked", data: s }), [s]);
-  return yt("BlockedTimes", t), null;
+function Wn({ data: s }) {
+  const t = W(() => ({ kind: "blocked", data: s }), [s]);
+  return bt("BlockedTimes", t), null;
 }
-function En({ data: s }) {
-  const t = K(() => ({ kind: "milestones", data: s }), [s]);
-  return yt("Milestones", t), null;
+function zn({ data: s }) {
+  const t = W(() => ({ kind: "milestones", data: s }), [s]);
+  return bt("Milestones", t), null;
 }
-class Rn {
+class Un {
   /** `changed` is called after every registration change. */
   constructor(t) {
     this.changed = t;
@@ -1109,7 +1138,7 @@ class Rn {
         this.subtasks.push(...e.data);
         for (const n of e.tasks) this.tasks.set(n.id, n);
       } else e.kind === "dependencies" ? this.dependencies.push(...e.data) : e.kind === "milestones" ? this.milestones.push(...e.data) : this.blocked.push(...e.data);
-    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = Wt(this.subtasks), this.violatedById = new Map(zt(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = Ms(this.subtasks), this.inBlocked = Be(this.subtasks, this.blocked), !0;
+    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = Ut(this.subtasks), this.violatedById = new Map(Xt(this.subtasks, this.dependencies).map((e) => [e.dependency, e])), this.depth = Es(this.subtasks), this.inBlocked = Ye(this.subtasks, this.blocked), !0;
   }
   /** The task a dependency belongs to: its departing subtask's. */
   taskOfDependency(t) {
@@ -1135,60 +1164,60 @@ class Rn {
     };
   }
 }
-const Nn = 6;
-function qe(s, t, e, n, i, o) {
+const Xn = 6;
+function es(s, t, e, n, i, o) {
   s.save(), s.beginPath(), s.rect(t, e, n, i), s.clip(), s.globalAlpha = 0.35, s.strokeStyle = o, s.lineWidth = 1, s.beginPath();
-  for (let r = t - i; r < t + n + i; r += Nn)
+  for (let r = t - i; r < t + n + i; r += Xn)
     s.moveTo(r, e + i), s.lineTo(r + i, e);
   s.stroke(), s.restore();
 }
-function Pn(s, t, e, n) {
+function qn(s, t, e, n) {
   if (n.size === 0) return;
   const { width: i, height: o } = t.view;
   for (const r of n) {
-    const a = j(e, r);
+    const a = J(e, r);
     if (a === null) continue;
     const { top: l, height: d } = a;
-    l + d < 0 || l > o || (s.globalAlpha = 0.6, s.fillStyle = t.colours.surface, s.fillRect(0, l, i, d), s.globalAlpha = 1, qe(s, 0, l, i, d, t.colours.muted));
+    l + d < 0 || l > o || (s.globalAlpha = 0.6, s.fillStyle = t.colours.surface, s.fillRect(0, l, i, d), s.globalAlpha = 1, es(s, 0, l, i, d, t.colours.muted));
   }
 }
-function Bn(s, t, e) {
+function Jn(s, t, e) {
   const { data: n } = t;
   if (n.violatedById.size !== 0)
     for (const i of n.violatedById.values()) {
-      const o = n.dependencies.find((c) => c.id === i.dependency), r = o === void 0 ? void 0 : n.subtaskById.get(o.to);
+      const o = n.dependencies.find((u) => u.id === i.dependency), r = o === void 0 ? void 0 : n.subtaskById.get(o.to);
       if (r === void 0) continue;
-      const a = j(e, r.lane);
+      const a = J(e, r.lane);
       if (a === null || !a.miniature) continue;
-      const l = et(e.rows, a.top + e.scrollY);
+      const l = nt(e.rows, a.top + e.scrollY);
       if (l === null) continue;
-      const d = R(e, i.arrival), h = Math.max(d + 2, R(e, i.arrival + i.shortBy));
-      Pt(s, t, d, h, l.top - e.scrollY + 1, 3);
+      const d = x(e, i.arrival), h = Math.max(d + 2, x(e, i.arrival + i.shortBy));
+      $t(s, t, d, h, l.top - e.scrollY + 1, 3);
     }
 }
-function Pt(s, t, e, n, i, o) {
+function $t(s, t, e, n, i, o) {
   if (!t.colours.forced) {
     s.fillStyle = t.colours.alarm, s.fillRect(e, i, n - e, o);
     return;
   }
   s.strokeStyle = t.colours.alarm, s.lineWidth = o, s.setLineDash([4, 3]), s.beginPath(), s.moveTo(e, i + o / 2), s.lineTo(n, i + o / 2), s.stroke(), s.setLineDash([]);
 }
-function xn(s, t, e, n) {
-  const i = j(e, n.lane);
+function Zn(s, t, e, n) {
+  const i = J(e, n.lane);
   if (i === null || i.top + i.height < 0 || i.top > t.view.height) return;
-  const o = Math.max(0, R(e, n.from)), r = Math.min(t.view.width, R(e, n.to));
-  r <= o || (s.globalAlpha = 0.1, s.fillStyle = t.colours.muted, s.fillRect(o, i.top, r - o, i.height), s.globalAlpha = 1, qe(s, o, i.top, r - o, i.height, t.colours.muted));
+  const o = Math.max(0, x(e, n.from)), r = Math.min(t.view.width, x(e, n.to));
+  r <= o || (s.globalAlpha = 0.1, s.fillStyle = t.colours.muted, s.fillRect(o, i.top, r - o, i.height), s.globalAlpha = 1, es(s, o, i.top, r - o, i.height, t.colours.muted));
 }
-function Bt(s, t, e, n) {
-  const i = j(e, n.lane);
+function Gt(s, t, e, n) {
+  const i = J(e, n.lane);
   if (i === null) return;
-  const o = R(e, n.from), r = Math.max(o + 2, R(e, n.to));
-  if (s.fillStyle = t.colours.alarm, s.globalAlpha = 0.14, s.fillRect(o, i.top + 1, r - o, Math.max(1, i.height - 2)), s.globalAlpha = 1, Pt(s, t, o, r, i.top + 1, Math.min(3, Math.max(1, i.height - 1))), i.miniature) {
-    const a = et(e.rows, i.top + e.scrollY);
-    a !== null && Pt(s, t, o, r, a.top - e.scrollY + 1, 3);
+  const o = x(e, n.from), r = Math.max(o + 2, x(e, n.to));
+  if (s.fillStyle = t.colours.alarm, s.globalAlpha = 0.14, s.fillRect(o, i.top + 1, r - o, Math.max(1, i.height - 2)), s.globalAlpha = 1, $t(s, t, o, r, i.top + 1, Math.min(3, Math.max(1, i.height - 1))), i.miniature) {
+    const a = nt(e.rows, i.top + e.scrollY);
+    a !== null && $t(s, t, o, r, a.top - e.scrollY + 1, 3);
   }
 }
-const $n = {
+const Qn = {
   line: "var(--u-hairline)",
   lineStrong: "var(--u-hairline-strong)",
   text: "var(--u-color-text)",
@@ -1202,7 +1231,7 @@ const $n = {
   /* What text and marks take ON a filled bar - the same token the bar labels
      use in CSS, so a cap and the label beside it are one colour. */
   onAccent: "var(--u-color-on-accent)"
-}, je = {
+}, ss = {
   line: "GrayText",
   lineStrong: "CanvasText",
   text: "CanvasText",
@@ -1212,11 +1241,11 @@ const $n = {
   active: "Highlight",
   now: "GrayText",
   onAccent: "Canvas"
-}, Gn = (s) => s ? je : $n, Hn = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
-function Yn(s, t) {
-  const e = Hn(), n = {};
-  for (const r of t.tasks.values()) n[`task:${r.id}`] = e ? je.text : r.color;
-  const i = ps(s, { ...Gn(e), ...n }), o = /* @__PURE__ */ new Map();
+}, ti = (s) => s ? ss : Qn, ei = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(forced-colors: active)").matches;
+function si(s, t) {
+  const e = ei(), n = {};
+  for (const r of t.tasks.values()) n[`task:${r.id}`] = e ? ss.text : r.color;
+  const i = Ss(s, { ...ti(e), ...n }), o = /* @__PURE__ */ new Map();
   for (const r of t.tasks.values()) o.set(r.id, i[`task:${r.id}`] ?? r.color);
   return {
     line: i.line,
@@ -1232,123 +1261,123 @@ function Yn(s, t) {
     forced: e
   };
 }
-function ht(s) {
+function ft(s) {
   const t = s.match(/[\d.]+/g);
   return t === null || t.length < 3 ? null : [Number(t[0]), Number(t[1]), Number(t[2])];
 }
-function Me(s) {
-  const t = ht(s);
-  return t === null ? 0 : Ze(Je(t));
+function Ae(s) {
+  const t = ft(s);
+  return t === null ? 0 : is(ns(t));
 }
-function Je(s) {
+function ns(s) {
   return s.map((t) => {
     const e = t / 255;
     return e <= 0.04045 ? e / 12.92 : ((e + 0.055) / 1.055) ** 2.4;
   });
 }
-function Ze([s, t, e]) {
+function is([s, t, e]) {
   return 0.2126 * s + 0.7152 * t + 0.0722 * e;
 }
-function Te(s, t) {
-  const e = Me(s), n = Me(t);
+function Ce(s, t) {
+  const e = Ae(s), n = Ae(t);
   return (Math.max(e, n) + 0.05) / (Math.min(e, n) + 0.05);
 }
-function Se(s, t, e) {
+function De(s, t, e) {
   if (s === null) return null;
   const n = typeof window > "u" ? 1 : window.devicePixelRatio || 1, i = Math.round(t * n), o = Math.round(e * n);
   s.width !== i && (s.width = i), s.height !== o && (s.height = o);
   const r = s.getContext("2d");
   return r === null ? null : (r.setTransform(n, 0, 0, n, 0, 0), r.clearRect(0, 0, t, e), r);
 }
-function Kn(s, t) {
+function ni(s, t) {
   const { data: e, view: n } = t, i = n.viewport();
-  zn(s, t, i);
-  for (const o of e.blocked) xn(s, t, i, o);
-  Un(s, t);
+  ri(s, t, i);
+  for (const o of e.blocked) Zn(s, t, i, o);
+  ai(s, t);
   for (const o of e.layers) {
     if (o.kind === "blocked" || o.kind === "milestones") continue;
     const r = new Set(o.data);
     if (o.kind === "dependencies")
-      for (const a of n.paths) r.has(a.dependency) && Es(a, n.width, n.height) && xt(s, t, a, !1);
+      for (const a of n.paths) r.has(a.dependency) && zs(a, n.width, n.height) && Ht(s, t, a, !1);
     else
-      for (const a of n.boxes) r.has(a.subtask) && ts(s, t, a, 1);
+      for (const a of n.boxes) r.has(a.subtask) && rs(s, t, a, 1);
   }
-  for (const o of e.overlaps) Bt(s, t, i, o);
-  for (const o of e.inBlocked) Bt(s, t, i, o);
-  Bn(s, t, i);
-  for (const o of e.milestones) es(s, t, i, o, !1);
-  ei(s, t);
+  for (const o of e.overlaps) Gt(s, t, i, o);
+  for (const o of e.inBlocked) Gt(s, t, i, o);
+  Jn(s, t, i);
+  for (const o of e.milestones) as(s, t, i, o, !1);
+  pi(s, t);
 }
-function Vn(s, t) {
+function ii(s, t) {
   const { view: e, hover: n } = t, i = e.viewport();
   if (t.ghost === null) {
     if (n.kind === "subtask") {
-      const c = e.boxById.get(n.subtask.id);
-      c !== void 0 && Qn(s, t, c);
+      const u = e.boxById.get(n.subtask.id);
+      u !== void 0 && fi(s, t, u);
     } else if (n.kind === "dependency") {
-      const c = e.paths.find((f) => f.dependency === n.dependency);
-      c !== void 0 && xt(s, t, c, !0);
-    } else n.kind === "milestone" && es(s, t, i, n.milestone, !0);
+      const u = e.paths.find((f) => f.dependency === n.dependency);
+      u !== void 0 && Ht(s, t, u, !0);
+    } else n.kind === "milestone" && as(s, t, i, n.milestone, !0);
     return;
   }
   const o = t.ghost, { ghost: r, overlaps: a, violated: l } = o;
-  Pn(s, t, i, o.refusedLanes);
-  const d = Qe(i, r);
+  qn(s, t, i, o.refusedLanes);
+  const d = os(i, r);
   if (d === null) return;
-  for (const c of a) Bt(s, t, i, c);
-  const h = new Set(l.map((c) => c.dependency));
-  for (const c of t.data.dependencies) {
-    if (c.from !== r.id && c.to !== r.id) continue;
-    const f = e.boxById.get(c.from === r.id ? c.to : c.from);
+  for (const u of a) Gt(s, t, i, u);
+  const h = new Set(l.map((u) => u.dependency));
+  for (const u of t.data.dependencies) {
+    if (u.from !== r.id && u.to !== r.id) continue;
+    const f = e.boxById.get(u.from === r.id ? u.to : u.from);
     if (f === void 0) continue;
-    const p = c.from === r.id ? Rt(i, c, d, f, e.options) : Rt(i, c, f, d, e.options);
-    xt(s, t, p, !0, h.has(c.id));
+    const g = u.from === r.id ? Nt(i, u, d, f, e.options) : Nt(i, u, f, d, e.options);
+    Ht(s, t, g, !0, h.has(u.id));
   }
-  ts(s, { ...t, selectedTask: null }, d, 0.55), s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([3, 2]), s.strokeRect(d.outerFrom + 0.5, d.y + 0.5, Math.max(1, d.outerTo - d.outerFrom - 1), d.height - 1), s.setLineDash([]), o.tether !== null && Wn(s, t, d, o.tether);
+  rs(s, { ...t, selectedTask: null }, d, 0.55), s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([3, 2]), s.strokeRect(d.outerFrom + 0.5, d.y + 0.5, Math.max(1, d.outerTo - d.outerFrom - 1), d.height - 1), s.setLineDash([]), o.tether !== null && oi(s, t, d, o.tether);
 }
-function Wn(s, t, e, n) {
+function oi(s, t, e, n) {
   const i = Math.max(e.outerFrom, Math.min(e.outerTo, n.x)), o = Math.max(e.y, Math.min(e.y + e.height, n.y));
   Math.hypot(n.x - i, n.y - o) < 2 || (s.strokeStyle = t.colours.text, s.lineWidth = 1, s.setLineDash([2, 3]), s.beginPath(), s.moveTo(i + 0.5, o + 0.5), s.lineTo(n.x + 0.5, n.y + 0.5), s.stroke(), s.setLineDash([]));
 }
-function Qe(s, t) {
-  const e = Xt(s.rows, t.lane);
-  return e === null ? null : Ke(s, t, e, 0);
+function os(s, t) {
+  const e = Jt(s.rows, t.lane);
+  return e === null ? null : Xe(s, t, e, 0);
 }
-function zn(s, t, e) {
+function ri(s, t, e) {
   const { view: n, colours: i, bands: o } = t, { width: r, height: a } = n;
   s.lineWidth = 1, s.strokeStyle = i.line, s.beginPath();
   for (const h of o.ticks)
     s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, a);
   for (const h of e.rows.rows) {
-    const c = h.top + h.height - e.scrollY - 0.5;
-    c < 0 || c > a || (s.moveTo(0, c), s.lineTo(r, c));
+    const u = h.top + h.height - e.scrollY - 0.5;
+    u < 0 || u > a || (s.moveTo(0, u), s.lineTo(r, u));
   }
-  const l = [...e.rows.slots.values()].filter((h) => h.miniature).sort((h, c) => h.top - c.top);
-  l.forEach((h, c) => {
-    const f = l[c + 1];
+  const l = [...e.rows.slots.values()].filter((h) => h.miniature).sort((h, u) => h.top - u.top);
+  l.forEach((h, u) => {
+    const f = l[u + 1];
     if (f === void 0 || f.top !== h.top + h.height || f.group === h.group) return;
-    const p = h.top + h.height - e.scrollY - 0.5;
-    p < 0 || p > a || (s.moveTo(0, p), s.lineTo(r, p));
+    const g = h.top + h.height - e.scrollY - 0.5;
+    g < 0 || g > a || (s.moveTo(0, g), s.lineTo(r, g));
   }), s.stroke(), s.strokeStyle = i.lineStrong, s.beginPath();
   for (const h of o.days)
     s.moveTo(h.x + 0.5, 0), s.lineTo(h.x + 0.5, a);
   s.stroke();
-  const d = gs(n.options.calendar);
+  const d = Is(n.options.calendar);
   if (d.length > 0) {
     s.strokeStyle = i.muted, s.setLineDash([2, 3]), s.beginPath();
     for (const h of d) {
-      const c = Math.round(e.scale.toPx(h.workingTime)) + 0.5;
-      c < 0 || c > r || (s.moveTo(c, 0), s.lineTo(c, a));
+      const u = Math.round(e.scale.toPx(h.workingTime)) + 0.5;
+      u < 0 || u > r || (s.moveTo(u, 0), s.lineTo(u, a));
     }
     s.stroke(), s.setLineDash([]);
   }
 }
-function Un(s, t) {
+function ai(s, t) {
   const e = t.view.nowX();
   e !== null && (s.fillStyle = t.colours.now, s.fillRect(e, 0, 2, t.view.height));
 }
-function Xn(s, t, e, n) {
-  const i = ct(t.colours, t, e.subtask.task, e.subtask.id);
+function li(s, t, e, n) {
+  const i = mt(t.colours, t, e.subtask.task, e.subtask.id);
   s.fillStyle = i;
   for (const [o, r] of [
     [e.outerFrom, e.mainFrom],
@@ -1357,101 +1386,101 @@ function Xn(s, t, e, n) {
     r <= o || (s.globalAlpha = 0.28 * n, s.fillRect(o, e.y, r - o, e.height));
   s.globalAlpha = n, s.fillRect(e.mainFrom, e.y, Math.max(1, e.mainTo - e.mainFrom), e.height), s.globalAlpha = 1;
 }
-function jt(s, t, e) {
+function Qt(s, t, e) {
   if (s.dashed) return { fill: null, onDark: !1 };
-  const n = s.muted ? qn(t, e.surface, 0.5) : t;
-  return { fill: n, onDark: Te(n, e.onAccent) > Te(n, e.text) };
+  const n = s.muted ? di(t, e.surface, 0.5) : t;
+  return { fill: n, onDark: Ce(n, e.onAccent) > Ce(n, e.text) };
 }
-function qn(s, t, e) {
-  const n = ht(s), i = ht(t);
+function di(s, t, e) {
+  const n = ft(s), i = ft(t);
   if (n === null || i === null) return s;
   const o = (r) => Math.round(n[r] + (i[r] - n[r]) * e);
   return `rgb(${o(0)}, ${o(1)}, ${o(2)})`;
 }
-function Ie(s, t) {
-  const e = ht(s);
+function _e(s, t) {
+  const e = ft(s);
   if (e === null || t === 0) return s;
-  const n = Je(e), i = Ze(n), [o, r, a] = n.map((l) => {
+  const n = ns(e), i = is(n), [o, r, a] = n.map((l) => {
     const d = l + (i - l) * t, h = d <= 31308e-7 ? d * 12.92 : 1.055 * d ** (1 / 2.4) - 0.055;
     return Math.round(Math.min(1, Math.max(0, h)) * 255);
   });
   return `rgb(${o}, ${r}, ${a})`;
 }
-function ct(s, t, e, n) {
+function mt(s, t, e, n) {
   const i = (e === null ? void 0 : s.tasks.get(e)) ?? s.muted;
-  return t.selectedTask === null ? i : e !== t.selectedTask ? s.forced ? s.muted : Ie(i, 1) : s.forced || t.selectedSubtask === null || n === null || n === t.selectedSubtask ? i : Ie(i, 0.5);
+  return t.selectedTask === null ? i : e !== t.selectedTask ? s.forced ? s.muted : _e(i, 1) : s.forced || t.selectedSubtask === null || n === null || n === t.selectedSubtask ? i : _e(i, 0.5);
 }
-const jn = 2;
-function ts(s, t, e, n) {
+const hi = 2;
+function rs(s, t, e, n) {
   const { view: i, colours: o } = t;
-  if (!Et(e, i.width, i.height)) return;
+  if (!Rt(e, i.width, i.height)) return;
   if (e.miniature) {
-    Xn(s, t, e, n);
+    li(s, t, e, n);
     return;
   }
-  const r = vt(e.subtask.appearance), a = ct(o, t, e.subtask.task, e.subtask.id), l = jt(r, a, o), d = e.y, h = e.height, c = Math.max(1, e.mainTo - e.mainFrom), f = l.onDark ? o.onAccent : o.text;
+  const r = wt(e.subtask.appearance), a = mt(o, t, e.subtask.task, e.subtask.id), l = Qt(r, a, o), d = e.y, h = e.height, u = Math.max(1, e.mainTo - e.mainFrom), f = l.onDark ? o.onAccent : o.text;
   s.lineWidth = 1, s.fillStyle = a, s.strokeStyle = a;
-  for (const [k, A] of [
+  for (const [v, D] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    A <= k || (s.globalAlpha = 0.28 * n, s.fillRect(k, d, A - k, h), s.globalAlpha = n, s.strokeRect(k + 0.5, d + 0.5, A - k - 1, h - 1));
-  l.fill !== null && (s.globalAlpha = n, s.fillStyle = l.fill, s.fillRect(e.mainFrom, d, c, h));
-  const p = e.subtask.progress;
-  if (p !== void 0) {
-    const k = Math.min(4, Math.max(2, Math.round(h / 6))), A = d + h - k - jn, I = Math.round(c * Math.max(0, Math.min(1, p)));
-    s.fillStyle = l.fill === null ? a : f, s.globalAlpha = 0.3 * n, s.fillRect(e.mainFrom, A, c, k), s.globalAlpha = n, I > 0 && s.fillRect(e.mainFrom, A, I, k);
+    D <= v || (s.globalAlpha = 0.28 * n, s.fillRect(v, d, D - v, h), s.globalAlpha = n, s.strokeRect(v + 0.5, d + 0.5, D - v - 1, h - 1));
+  l.fill !== null && (s.globalAlpha = n, s.fillStyle = l.fill, s.fillRect(e.mainFrom, d, u, h));
+  const g = e.subtask.progress;
+  if (g !== void 0) {
+    const v = Math.min(4, Math.max(2, Math.round(h / 6))), D = d + h - v - hi, L = Math.round(u * Math.max(0, Math.min(1, g)));
+    s.fillStyle = l.fill === null ? a : f, s.globalAlpha = 0.3 * n, s.fillRect(e.mainFrom, D, u, v), s.globalAlpha = n, L > 0 && s.fillRect(e.mainFrom, D, L, v);
   }
   if (r.hatched) {
-    const k = Math.max(1, Math.min(Ye, Math.floor((c - 2 * ot) / 3))), A = c >= 4 * k ? ot : 0, I = h >= 4 * ot ? ot : 0;
-    s.globalAlpha = n, s.fillStyle = f, s.fillRect(e.mainFrom + A, d + I, k, h - 2 * I), s.fillRect(e.mainTo - A - k, d + I, k, h - 2 * I);
+    const v = Math.max(1, Math.min(Ue, Math.floor((u - 2 * lt) / 3))), D = u >= 4 * v ? lt : 0, L = h >= 4 * lt ? lt : 0;
+    s.globalAlpha = n, s.fillStyle = f, s.fillRect(e.mainFrom + D, d + L, v, h - 2 * L), s.fillRect(e.mainTo - D - v, d + L, v, h - 2 * L);
   }
-  r.open && Zn(s, e, d, h, o.surface, i.width), r.dashed && (s.globalAlpha = n, s.strokeStyle = a, s.setLineDash([4, 3]), s.strokeRect(e.mainFrom + 0.5, d + 0.5, c - 1, h - 1), s.setLineDash([])), s.globalAlpha = 1, e.depth > 0 && n === 1 && (s.strokeStyle = o.surface, s.strokeRect(e.outerFrom - 0.5, d - 0.5, e.outerTo - e.outerFrom + 1, h + 1));
+  r.open && ui(s, e, d, h, o.surface, i.width), r.dashed && (s.globalAlpha = n, s.strokeStyle = a, s.setLineDash([4, 3]), s.strokeRect(e.mainFrom + 0.5, d + 0.5, u - 1, h - 1), s.setLineDash([])), s.globalAlpha = 1, e.depth > 0 && n === 1 && (s.strokeStyle = o.surface, s.strokeRect(e.outerFrom - 0.5, d - 0.5, e.outerTo - e.outerFrom + 1, h + 1));
 }
-const Jn = 16;
-function Zn(s, t, e, n, i, o) {
-  const r = t.mainFrom < 0, a = t.mainTo > o, l = Math.max(1, Math.min(t.mainTo, o) - Math.max(t.mainFrom, 0)), d = Math.min(Jn, l);
-  r && Le(s, 0, d, e, n, i), a && Le(s, o, -d, e, n, i);
+const ci = 16;
+function ui(s, t, e, n, i, o) {
+  const r = t.mainFrom < 0, a = t.mainTo > o, l = Math.max(1, Math.min(t.mainTo, o) - Math.max(t.mainFrom, 0)), d = Math.min(ci, l);
+  r && Oe(s, 0, d, e, n, i), a && Oe(s, o, -d, e, n, i);
 }
-function Le(s, t, e, n, i, o) {
+function Oe(s, t, e, n, i, o) {
   const r = s.createLinearGradient(t, 0, t + e, 0);
-  r.addColorStop(0, Ae(o, 1)), r.addColorStop(1, Ae(o, 0)), s.globalAlpha = 1, s.fillStyle = r, s.fillRect(Math.min(t, t + e), n, Math.abs(e), i);
+  r.addColorStop(0, Fe(o, 1)), r.addColorStop(1, Fe(o, 0)), s.globalAlpha = 1, s.fillStyle = r, s.fillRect(Math.min(t, t + e), n, Math.abs(e), i);
 }
-function Ae(s, t) {
-  const e = ht(s);
+function Fe(s, t) {
+  const e = ft(s);
   return e === null ? s : `rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`;
 }
-function xt(s, t, e, n, i) {
-  const { data: o, colours: r } = t, a = o.taskOfDependency(e.dependency), l = i ?? o.violatedById.has(e.dependency.id), d = a !== null && a === t.selectedTask, h = l ? r.alarm : ct(r, t, a, null);
+function Ht(s, t, e, n, i) {
+  const { data: o, colours: r } = t, a = o.taskOfDependency(e.dependency), l = i ?? o.violatedById.has(e.dependency.id), d = a !== null && a === t.selectedTask, h = l ? r.alarm : mt(r, t, a, null);
   if (s.strokeStyle = h, s.fillStyle = h, s.lineWidth = n || d ? 2 : 1.25, s.setLineDash(l ? [4, 3] : []), s.beginPath(), s.moveTo(e.x1, e.y1), e.kind === "curve")
     s.bezierCurveTo(e.c1x, e.y1, e.c2x, e.y2, e.x2, e.y2);
   else
-    for (let c = 2; c + 1 < e.points.length; c += 2) s.lineTo(e.points[c], e.points[c + 1]);
+    for (let u = 2; u + 1 < e.points.length; u += 2) s.lineTo(e.points[u], e.points[u + 1]);
   if (s.stroke(), s.setLineDash([]), e.ends === "dot")
-    for (const [c, f] of [
+    for (const [u, f] of [
       [e.x1, e.y1],
       [e.x2, e.y2]
     ])
-      s.beginPath(), s.arc(c, f, l ? 3 : 2.5, 0, Math.PI * 2), s.fill();
+      s.beginPath(), s.arc(u, f, l ? 3 : 2.5, 0, Math.PI * 2), s.fill();
 }
-function es(s, t, e, n, i) {
-  const o = qt(e, n);
+function as(s, t, e, n, i) {
+  const o = Zt(e, n);
   if (o === null || o.x < -o.half || o.x > t.view.width + o.half) return;
   const r = (a) => {
     s.beginPath(), s.moveTo(o.x, o.y - a), s.lineTo(o.x + a, o.y), s.lineTo(o.x, o.y + a), s.lineTo(o.x - a, o.y), s.closePath();
   };
   i && (r(o.half + 3), s.fillStyle = t.colours.active, s.fill()), r(o.half + 1), s.fillStyle = t.colours.surface, s.fill(), r(o.half), s.fillStyle = t.colours.text, s.fill();
 }
-function Qn(s, t, e) {
-  const { colours: n } = t, i = vt(e.subtask.appearance), o = jt(i, ct(n, t, e.subtask.task, e.subtask.id), n);
+function fi(s, t, e) {
+  const { colours: n } = t, i = wt(e.subtask.appearance), o = Qt(i, mt(n, t, e.subtask.task, e.subtask.id), n);
   if (n.forced) {
     s.strokeStyle = n.active, s.lineWidth = 2, s.strokeRect(e.outerFrom - 2, e.y - 2, Math.max(1, e.outerTo - e.outerFrom) + 4, e.height + 4);
     return;
   }
-  s.globalAlpha = ti, s.fillStyle = o.onDark ? n.onAccent : n.text, s.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), s.globalAlpha = 1;
+  s.globalAlpha = mi, s.fillStyle = o.onDark ? n.onAccent : n.text, s.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), s.globalAlpha = 1;
 }
-const ti = 0.2;
-function ei(s, t) {
+const mi = 0.2;
+function pi(s, t) {
   const e = t.selectedTask;
   if (e !== null) {
     s.strokeStyle = t.colours.text;
@@ -1464,30 +1493,30 @@ function ei(s, t) {
     }
   }
 }
-const mt = 32, si = 18;
-function Ce(s, t) {
-  if (!(t > 2 * mt)) return 0;
-  const e = mt - s, n = s - (t - mt), i = Math.max(e, n);
+const gt = 32, gi = 18;
+function Ee(s, t) {
+  if (!(t > 2 * gt)) return 0;
+  const e = gt - s, n = s - (t - gt), i = Math.max(e, n);
   if (i <= 0) return 0;
-  const o = Math.min(1, i / mt), r = si * o * o;
+  const o = Math.min(1, i / gt), r = gi * o * o;
   return e > 0 ? -r : r;
 }
-function lt(s, t, e) {
+function ct(s, t, e) {
   const n = (i, o) => {
-    const r = st(i);
+    const r = it(i);
     return i.lane === o.lane && r.from < o.to && o.from < r.to;
   };
   return e.some((i) => n(s, i) && !(t !== null && n(t, i)));
 }
-function ni(s, t, e, n) {
+function ki(s, t, e, n) {
   const i = /* @__PURE__ */ new Set();
   if (n === void 0) return i;
   for (const o of s)
     o !== e && (n(t, o) || i.add(o));
   return i;
 }
-const De = "\0placing", _e = /* @__PURE__ */ new Set();
-function Ot(s) {
+const xe = "\0placing", Pe = /* @__PURE__ */ new Set();
+function Pt(s) {
   switch (s.kind) {
     case "subtask":
       return `subtask:${s.subtask.id}:${s.part}`;
@@ -1501,8 +1530,8 @@ function Ot(s) {
       return "nothing";
   }
 }
-const Fe = 3, ii = 10, oi = 600;
-class ri {
+const Re = 3, vi = 10, yi = 600;
+class wi {
   constructor(t) {
     this.host = t;
   }
@@ -1526,6 +1555,11 @@ class ri {
   /** The folded group the pointer is resting over, and the timer that will
       open it for this gesture. */
   resting = null;
+  /** The finger's long press, armed by a touch on a bar that may be moved.
+      `armed` is whether the press may still turn into a grab - and, once it
+      has, whether the `contextmenu` Android fires for it is the grab's. */
+  press = Fs((t) => this.grab(t));
+  armed = !1;
   hover = { kind: "nothing" };
   /** Where the pointer rests on the plot while nothing is being dragged - or,
       where the keyboard set the hover, the point its tooltip stands at. */
@@ -1563,9 +1597,9 @@ class ri {
   ghostSummary() {
     const t = this.gesture;
     if (t.kind !== "edit" && t.kind !== "place") return null;
-    const e = Qe(this.host.view.viewport(), t.ghost);
+    const e = os(this.host.view.viewport(), t.ghost);
     if (e === null) return null;
-    const n = this.ghostFindings(t.ghost, this.ghostHome(t)), i = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), o = i ? st(t.ghost) : t.ghost;
+    const n = this.ghostFindings(t.ghost, this.ghostHome(t)), i = t.kind === "edit" && (t.mode === "leadIn" || t.mode === "leadOut"), o = i ? it(t.ghost) : t.ghost;
     return {
       refused: this.refused,
       refusedLanes: [...t.refused],
@@ -1590,15 +1624,19 @@ class ri {
     const a = this.host.view;
     this.host.handlers().onInteraction?.({ type: t, hit: e, clientX: n, clientY: i, time: a.timeAt(o), lane: a.laneIdAt(r) });
   }
+  /** The plan is on its way: no drag, no hover, no placing begins. One under
+      way finishes and reports as usual. */
+  loading = !1;
   pointerDown(t) {
+    if (this.loading) return;
     const { x: e, y: n } = this.local(t.clientX, t.clientY);
     if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: n }), this.touches.size >= 2)) {
-      this.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
+      this.press.dispose(), this.armed = !1, this.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
       return;
     }
     if (t.button !== 0) return;
     const i = t.target?.closest?.("[data-grip]")?.getAttribute("data-grip"), o = this.host.selectedSubtask(), r = o !== null ? this.host.data.subtaskById.get(o) ?? null : null;
-    t.pointerType === "touch" ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: "pan", subtask: null } : (i === "leadIn" || i === "leadOut") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: i, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, ...this.modeAt(e, n) }, this.host.plotElement()?.setPointerCapture?.(t.pointerId);
+    t.pointerType === "touch" ? (this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: "pan", subtask: null }, this.armed = this.modeAt(e, n).mode === "move", this.press.pointerDown(t)) : (i === "leadIn" || i === "leadOut") && r !== null ? this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, mode: i, subtask: r } : this.gesture = { kind: "pending", pointerId: t.pointerId, x0: e, y0: n, ...this.modeAt(e, n) }, this.host.plotElement()?.setPointerCapture?.(t.pointerId);
   }
   /** A drag over a folded group: resting on one opens it for the GESTURE.
   
@@ -1613,7 +1651,7 @@ class ri {
       group: n,
       timer: setTimeout(() => {
         this.resting = null, e.openForGesture = /* @__PURE__ */ new Set([...e.openForGesture, n]), this.host.viewChanged();
-      }, oi)
+      }, yi)
     }));
   }
   stopResting() {
@@ -1641,9 +1679,9 @@ class ri {
       gesture that cannot change a lane at all asks nothing: the intents the
       caller handles decide whether the question exists. */
   askRefused(t, e) {
-    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return _e;
+    if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return Pe;
     const n = this.host.data.lanes.map((i) => i.id);
-    return ni(n, t, e, this.host.handlers().canMoveTo);
+    return ki(n, t, e, this.host.handlers().canMoveTo);
   }
   /** What a press at a point would start, given the intents the caller handles. */
   modeAt(t, e) {
@@ -1652,40 +1690,25 @@ class ri {
     for (let o = n.boxes.length - 1; o >= 0; o--) {
       const r = n.boxes[o];
       if (i.includes("stretch")) {
-        const a = Os(r, t, e);
+        const a = Ws(r, t, e);
         if (a !== null) return { mode: a === "from" ? "stretch-from" : "stretch-to", subtask: r.subtask };
       }
-      if (Ve(r, t, e) !== null)
+      if (qe(r, t, e) !== null)
         return i.includes("move") || i.includes("lane") ? { mode: "move", subtask: r.subtask } : { mode: "pan", subtask: r.subtask };
     }
     return { mode: "pan", subtask: null };
   }
   pointerMove(t) {
     const { x: e, y: n } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && this.touches.has(t.pointerId) && (this.touches.set(t.pointerId, { x: e, y: n }), this.gesture.kind === "pinch")) {
+    if (t.pointerType === "touch" && this.touches.has(t.pointerId) && (this.touches.set(t.pointerId, { x: e, y: n }), this.press.pointerMove(t), this.gesture.kind === "pinch")) {
       const r = this.touchDistance();
       r > 0 && this.gesture.distance > 0 && this.host.view.zoomAt(this.touchCentre(), this.gesture.distance / r) && this.host.viewMoved(!0), this.gesture = { kind: "pinch", distance: r };
       return;
     }
     const i = this.gesture;
     if (i.kind === "pending" && i.pointerId === t.pointerId) {
-      if (Math.hypot(e - i.x0, n - i.y0) < (t.pointerType === "touch" ? ii : Fe)) return;
-      if (i.mode === "pan" || i.subtask === null)
-        this.gesture = { kind: "pan", pointerId: i.pointerId, lastX: i.x0, lastY: i.y0 }, this.setCursor("grabbing");
-      else {
-        const r = this.host.view.viewport().scale.fromPx(i.x0);
-        this.gesture = {
-          kind: "edit",
-          pointerId: i.pointerId,
-          mode: i.mode,
-          subtask: i.subtask,
-          t0: r,
-          ghost: i.subtask,
-          /* Asked here, once, and drawn from the first frame of the drag: the
-             lanes that are closed are marked before the pointer reaches one. */
-          refused: i.mode === "move" ? this.askRefused(i.subtask, i.subtask.lane) : _e
-        }, this.setCursor(i.mode === "move" ? "grabbing" : "ew-resize");
-      }
+      if (Math.hypot(e - i.x0, n - i.y0) < (t.pointerType === "touch" ? vi : Re)) return;
+      i.mode === "pan" || i.subtask === null ? (this.gesture = { kind: "pan", pointerId: i.pointerId, lastX: i.x0, lastY: i.y0 }, this.setCursor("grabbing")) : this.startEdit(i, i.mode, i.subtask);
     }
     const o = this.gesture;
     if (o.kind === "pan" && o.pointerId === t.pointerId) {
@@ -1697,10 +1720,41 @@ class ri {
       this.lastClient = { x: t.clientX, y: t.clientY }, this.dragPoint = { x: e, y: n }, this.restOver(n), this.gesture = { ...o, ghost: this.heldGhost(o, e, n) }, this.setCursor(this.refused || this.blocked ? "not-allowed" : o.mode === "move" ? "grabbing" : "ew-resize"), this.host.interactionChanged(), this.autoPan();
       return;
     }
-    o.kind === "none" && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, n));
+    o.kind === "none" && !this.loading && (this.byKeyboard = !1, this.hoverAt(t.clientX, t.clientY, e, n));
+  }
+  /** The drag of `subtask` in `mode`, taking hold where the pending press
+      stands. */
+  startEdit(t, e, n) {
+    this.gesture = {
+      kind: "edit",
+      pointerId: t.pointerId,
+      mode: e,
+      subtask: n,
+      /* The working time the drag took hold at - not a pixel, because
+         auto-pan moves the scale under a drag in flight. */
+      t0: this.host.view.viewport().scale.fromPx(t.x0),
+      ghost: n,
+      /* Asked here, once, and drawn from the first frame of the drag: the
+         lanes that are closed are marked before the pointer reaches one. */
+      refused: e === "move" ? this.askRefused(n, n.lane) : Pe
+    }, this.setCursor(e === "move" ? "grabbing" : "ew-resize");
+  }
+  /** The finger has been held on a bar: the bar is grabbed, unless the finger
+      has become a pan or a pinch in the meantime. */
+  grab(t) {
+    const e = this.gesture;
+    if (!this.armed || this.loading || e.kind !== "pending") return;
+    const { x: n, y: i } = this.local(t.x, t.y), { mode: o, subtask: r } = this.modeAt(e.x0, e.y0);
+    o !== "move" || r === null || (this.lastClient = { x: t.x, y: t.y }, this.dragPoint = { x: n, y: i }, this.startEdit(e, o, r), this.host.interactionChanged());
+  }
+  /** The page's own scroll, while a bar is grabbed. Registered as not passive
+      by the component: a passive listener cannot cancel it. Before the grab and
+      after the lift the swipe is the page's (`viewChanged`). */
+  touchMove(t) {
+    this.gesture.kind === "edit" && this.touches.has(this.gesture.pointerId) && t.preventDefault();
   }
   pointerUp(t) {
-    if (t.pointerType === "touch" && (this.touches.delete(t.pointerId), this.gesture.kind === "pinch")) {
+    if (t.pointerType === "touch" && (this.press.pointerUp(), this.armed = !1, this.touches.delete(t.pointerId), this.gesture.kind === "pinch")) {
       const [o] = this.touches;
       this.touches.size === 1 && o !== void 0 ? this.gesture = { kind: "pan", pointerId: o[0], lastX: o[1].x, lastY: o[1].y } : this.touches.size === 0 && (this.gesture = { kind: "none" });
       return;
@@ -1711,6 +1765,10 @@ class ri {
     else if (e.kind === "pan" && e.pointerId === t.pointerId)
       this.gesture = { kind: "none" }, this.setCursor("default"), this.hoverAt(t.clientX, t.clientY, n, i);
     else if (e.kind === "edit" && e.pointerId === t.pointerId) {
+      if (t.pointerType === "touch" && (n < 0 || i < 0 || n > this.host.view.width || i > this.host.view.height)) {
+        this.cancelEdit();
+        return;
+      }
       this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" };
       const o = e.ghost.lane === e.subtask.lane || this.allowed(e.subtask, e.ghost.lane), r = this.intentsOf(e.subtask, e.ghost, e.mode).filter(
         (a) => o || a.kind !== "lane"
@@ -1728,7 +1786,7 @@ class ri {
       this.panFrame = 0;
       const e = this.gesture;
       if (e.kind !== "edit" && e.kind !== "place") return;
-      const n = this.host.view, { x: i, y: o } = this.local(this.lastClient.x, this.lastClient.y), r = Ce(i, n.width), a = Ce(o, n.height);
+      const n = this.host.view, { x: i, y: o } = this.local(this.lastClient.x, this.lastClient.y), r = Ee(i, n.width), a = Ee(o, n.height);
       if (r === 0 && a === 0) return;
       const l = n.pan(r, a);
       if (l.moved) {
@@ -1747,7 +1805,7 @@ class ri {
     this.panFrame !== 0 && cancelAnimationFrame(this.panFrame), this.panFrame = 0;
   }
   pointerCancel(t) {
-    this.touches.delete(t.pointerId), this.closeGestureFolds(), this.cancelEdit(), this.gesture = { kind: "none" }, this.setCursor("default");
+    this.press.pointerCancel(), this.armed = !1, this.touches.delete(t.pointerId), this.closeGestureFolds(), this.cancelEdit(), this.gesture = { kind: "none" }, this.setCursor("default");
   }
   /** Reads the hover anew where the pointer already is - after the data
       changed under it. A drop that moves a subtask changes what lies under the
@@ -1756,7 +1814,7 @@ class ri {
   refreshHover() {
     if (!this.idle || this.hoverKey === "nothing" || this.byKeyboard) return;
     const { x: t, y: e } = this.hoverPoint, n = this.host.view.hitAt(t, e);
-    this.hover = n, this.hoverKey = Ot(n);
+    this.hover = n, this.hoverKey = Pt(n);
   }
   pointerLeave() {
     this.gesture.kind !== "none" || this.byKeyboard || this.setHover({ kind: "nothing" }, "nothing");
@@ -1767,8 +1825,7 @@ class ri {
     return this.gesture.kind !== "edit" && this.gesture.kind !== "place" ? !1 : (this.stopAutoPan(), this.closeGestureFolds(), this.gesture = { kind: "none" }, this.refused = !1, this.blocked = !1, this.cursor = "default", this.host.interactionChanged(), !0);
   }
   contextMenu(t) {
-    if (this.host.handlers().onInteraction === void 0) return;
-    t.preventDefault();
+    if (this.host.handlers().onInteraction === void 0 || (t.preventDefault(), this.armed || this.editing || this.loading)) return;
     const { x: e, y: n } = this.local(t.clientX, t.clientY);
     this.report("contextmenu", this.host.view.hitAt(e, n), t.clientX, t.clientY, e, n);
   }
@@ -1801,7 +1858,7 @@ class ri {
     this.host.select(r, o.kind === "subtask" ? o.subtask.id : null), this.report("click", o, t, e, n, i);
   }
   hoverAt(t, e, n, i) {
-    const o = this.host.view.hitAt(n, i), r = Ot(o), { mode: a } = this.modeAt(n, i);
+    const o = this.host.view.hitAt(n, i), r = Pt(o), { mode: a } = this.modeAt(n, i);
     if (this.setCursor(a === "move" ? "grab" : a === "stretch-from" || a === "stretch-to" ? "ew-resize" : "default"), this.hoverPoint = { x: n, y: i }, r === this.hoverKey) {
       (o.kind === "subtask" || o.kind === "dependency" || o.kind === "milestone") && this.host.hoverChanged();
       return;
@@ -1812,7 +1869,7 @@ class ri {
       pointer's would be - and reported to nobody, since `onInteraction`
       speaks of pointer positions. `nothing` hands the hover back. */
   setKeyboardHover(t, e) {
-    this.byKeyboard = t.kind !== "nothing", this.hoverPoint = e, this.hover = t, this.hoverKey = Ot(t), this.host.interactionChanged();
+    this.byKeyboard = t.kind !== "nothing", this.hoverPoint = e, this.hover = t, this.hoverKey = Pt(t), this.host.interactionChanged();
   }
   setHover(t, e) {
     e !== this.hoverKey && (this.hoverKey = e, this.hover = t, this.host.hoverChanged());
@@ -1836,7 +1893,7 @@ class ri {
       shows where the work would land. */
   dragOver(t, e) {
     const n = this.host.view;
-    if (e === null || !n.options.intents.includes("place")) return;
+    if (this.loading || e === null || !n.options.intents.includes("place")) return;
     const { x: i, y: o } = this.local(t.clientX, t.clientY);
     if (n.laneIdAt(o) === null && n.foldedGroupAt(o) === null) {
       this.clearPlacing();
@@ -1862,8 +1919,8 @@ class ri {
     const o = this.onLane(n);
     if (o === null) return { ghost: null, refused: !1, blocked: !1 };
     if (i.has(o)) return { ghost: null, refused: !0, blocked: !1 };
-    const r = { ...this.askedFor(t, o, e), id: De };
-    return lt(r, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: r, refused: !1, blocked: !1 };
+    const r = { ...this.askedFor(t, o, e), id: xe };
+    return ct(r, null, this.host.data.blocked) ? { ghost: null, refused: !1, blocked: !0 } : { ghost: r, refused: !1, blocked: !1 };
   }
   /** The dragged item as a subtask, under the caller's key for it - not the
       internal sentinel: the rule is asked about the thing the application says
@@ -1920,19 +1977,19 @@ class ri {
       blocked time takes the ghost along again. */
   heldGhost(t, e, n) {
     const i = this.ghostFor(t, e, n);
-    return this.blocked = lt(i, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : i;
+    return this.blocked = ct(i, t.subtask, this.host.data.blocked), this.blocked ? t.ghost : i;
   }
   ghostFor(t, e, n) {
     const i = this.host.view, o = t.subtask, r = this.snapStep(), a = i.options.intents, l = this.snapInside(i.timeAt(e), r);
     switch (t.mode) {
       case "move": {
         let d = o.from;
-        const h = i.viewport().scale, c = h.fromPx(e) - t.t0;
-        a.includes("move") && Math.abs(c * h.m) >= Fe && (d = this.shifted(o.from, c, r));
+        const h = i.viewport().scale, u = h.fromPx(e) - t.t0;
+        a.includes("move") && Math.abs(u * h.m) >= Re && (d = this.shifted(o.from, u, r));
         let f = t.ghost.lane;
         if (a.includes("lane")) {
-          const p = this.onLane(n) ?? f;
-          this.refused = t.refused.has(p), this.refused || (f = p);
+          const g = this.onLane(n) ?? f;
+          this.refused = t.refused.has(g), this.refused || (f = g);
         } else
           this.refused = !1;
         return { ...o, from: d, to: d + (o.to - o.from), lane: f };
@@ -1951,15 +2008,15 @@ class ri {
       a start this way, and a key by one step of the raster - one arithmetic,
       so a key proposes exactly what a drag of that length would. */
   shifted(t, e, n) {
-    const i = gt(this.host.view.options.calendar), o = G(t, i) + e, r = dt(o, i);
+    const i = vt(this.host.view.options.calendar), o = H(t, i) + e, r = ut(o, i);
     return this.snapInside(r, n);
   }
   /** Snapped - and, where the raster lands in time the calendar removes, moved
       on to the seam, where time counts again. An intent never asks for a time
       nobody works. */
   snapInside(t, e) {
-    const n = Ts(t, e), i = gt(this.host.view.options.calendar);
-    return i.intervals.length === 0 ? n : Gt(G(n, i), i);
+    const n = xs(t, e), i = vt(this.host.view.options.calendar);
+    return i.intervals.length === 0 ? n : Kt(H(n, i), i);
   }
   intentsOf(t, e, n) {
     const i = [], o = this.host.view.options.intents, r = t.id;
@@ -1979,28 +2036,28 @@ class ri {
         keeps a plan of hundreds of tasks fluid while a drag runs, since this is
         computed on every pointer movement. */
   ghostFindings(t, e) {
-    const n = this.host.data, i = (h) => h.lane === t.lane || h.lane === e, r = [...n.subtasks.filter((h) => h.id !== t.id && i(h)), t], a = (h) => h.first === t.id || h.second === t.id, l = n.dependencies.filter((h) => h.from === t.id || h.to === t.id), d = t.id === De ? n.subtasks : n.subtasks.map((h) => h.id === t.id ? t : h);
-    return { overlaps: Wt(r).filter(a), violated: zt(d, l) };
+    const n = this.host.data, i = (h) => h.lane === t.lane || h.lane === e, r = [...n.subtasks.filter((h) => h.id !== t.id && i(h)), t], a = (h) => h.first === t.id || h.second === t.id, l = n.dependencies.filter((h) => h.from === t.id || h.to === t.id), d = t.id === xe ? n.subtasks : n.subtasks.map((h) => h.id === t.id ? t : h);
+    return { overlaps: Ut(r).filter(a), violated: Xt(d, l) };
   }
 }
-function ai(s, t) {
+function bi(s, t) {
   const e = /* @__PURE__ */ new Map();
   for (const n of t) {
-    const i = s.slots.get(n.lane), o = i === void 0 ? null : et(s, i.top);
+    const i = s.slots.get(n.lane), o = i === void 0 ? null : nt(s, i.top);
     if (o === null) continue;
     const r = s.rows.indexOf(o);
     e.set(r, [...e.get(r) ?? [], n]);
   }
   return [...e.entries()].sort(([n], [i]) => n - i).map(([, n]) => n.sort((i, o) => i.from - o.from || i.to - o.to));
 }
-const Oe = (s, t) => t < s.from ? s.from - t : t > s.to ? t - s.to : 0;
-function li(s, t, e, n) {
+const Ne = (s, t) => t < s.from ? s.from - t : t > s.to ? t - s.to : 0;
+function Mi(s, t, e, n) {
   let i = -1, o = -1;
   for (let d = 0; d < s.length && t !== null && i < 0; d++)
     o = s[d].findIndex((h) => h.id === t), o >= 0 && (i = d);
   if (i < 0) {
     for (const d of s) {
-      const h = d.find((c) => c.to > n[0] && c.from < n[1]);
+      const h = d.find((u) => u.to > n[0] && u.from < n[1]);
       if (h !== void 0) return h;
     }
     return s[0]?.[0] ?? null;
@@ -2025,11 +2082,11 @@ function li(s, t, e, n) {
       const d = s[e === "up" ? i - 1 : i + 1];
       if (d === void 0) return a;
       const h = (a.from + a.to) / 2;
-      return d.reduce((c, f) => Oe(f, h) < Oe(c, h) ? f : c);
+      return d.reduce((u, f) => Ne(f, h) < Ne(u, h) ? f : u);
     }
   }
 }
-function di(s, t, e, n) {
+function Ti(s, t, e, n) {
   if (e.kind === "milestone") return e;
   if (e.kind === "dependency") {
     const o = s.find((a) => a.id === e.id), r = o === void 0 ? void 0 : n === "out" ? o.to : o.from;
@@ -2040,7 +2097,7 @@ function di(s, t, e, n) {
   );
   return i === void 0 ? e : { kind: "dependency", id: i.id };
 }
-const pt = "\0milestone:", hi = 150, ci = {
+const kt = "\0milestone:", Si = 150, Ii = {
   ArrowRight: "next",
   ArrowLeft: "previous",
   ArrowUp: "up",
@@ -2050,7 +2107,7 @@ const pt = "\0milestone:", hi = 150, ci = {
   PageDown: "pageNext",
   PageUp: "pagePrevious"
 };
-class ui {
+class Li {
   constructor(t) {
     this.host = t;
   }
@@ -2080,28 +2137,28 @@ class ui {
       const o = this.active();
       if (o === null) return !1;
       const r = this.host.data, a = n ? !t.shiftKey : t.key === "]";
-      return this.show(di(r.dependencies, r.subtaskById, o, a ? "out" : "back")), !0;
+      return this.show(Ti(r.dependencies, r.subtaskById, o, a ? "out" : "back")), !0;
     }
     if (t.ctrlKey) return !1;
     if (t.altKey) return this.edit(t);
     if (t.key === "Escape")
       return e.byKeyboard ? (this.blur(), !0) : !1;
     if (t.key === "Enter" || t.key === " ") return this.select();
-    const i = t.shiftKey ? void 0 : ci[t.key];
+    const i = t.shiftKey ? void 0 : Ii[t.key];
     return i === void 0 ? !1 : (this.walk(i), !0);
   }
   walk(t) {
-    const { data: e, view: n } = this.host, i = this.active(), o = i === null ? null : i.kind === "subtask" ? i.id : i.kind === "milestone" ? pt + i.id : e.dependencies.find((d) => d.id === i.id)?.from ?? null, r = [...e.subtasks, ...e.milestones.map((d) => ({ id: pt + d.id, lane: d.lane, from: d.at, to: d.at }))];
-    let a = ai(n.rows, r);
+    const { data: e, view: n } = this.host, i = this.active(), o = i === null ? null : i.kind === "subtask" ? i.id : i.kind === "milestone" ? kt + i.id : e.dependencies.find((d) => d.id === i.id)?.from ?? null, r = [...e.subtasks, ...e.milestones.map((d) => ({ id: kt + d.id, lane: d.lane, from: d.at, to: d.at }))];
+    let a = bi(n.rows, r);
     if (o === null) {
       const d = a.filter((h) => {
-        const c = j(n.viewport(), h[0].lane);
-        return c !== null && c.top + c.height > 0 && c.top < n.height;
+        const u = J(n.viewport(), h[0].lane);
+        return u !== null && u.top + u.height > 0 && u.top < n.height;
       });
       d.length > 0 && (a = d);
     }
-    const l = li(a, o, t, this.host.visibleDomain());
-    l !== null && this.show(l.id.startsWith(pt) ? { kind: "milestone", id: l.id.slice(pt.length) } : { kind: "subtask", id: l.id });
+    const l = Mi(a, o, t, this.host.visibleDomain());
+    l !== null && this.show(l.id.startsWith(kt) ? { kind: "milestone", id: l.id.slice(kt.length) } : { kind: "subtask", id: l.id });
   }
   /** Space and Enter select as a click does: the whole task, and the subtask. */
   select() {
@@ -2117,20 +2174,20 @@ class ui {
   edit(t) {
     const e = this.host.gestures.hover, n = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
     if (n === 0) return !1;
-    if (e.kind !== "subtask") return !0;
+    if (this.host.gestures.loading || e.kind !== "subtask") return !0;
     const i = e.subtask, o = this.host.gestures, r = this.host.view.options.intents, a = o.snapStep(), l = a.step > 0 ? a : { step: this.host.view.step(), offset: 0 }, d = this.host.data.blocked;
     let h = null;
     if (!t.shiftKey && r.includes("move")) {
-      const c = (p) => ({ ...i, from: p, to: p + (i.to - i.from) });
+      const u = (g) => ({ ...i, from: g, to: g + (i.to - i.from) });
       let f = i.from;
-      for (let p = 0; p < 1e3; p++) {
-        const k = o.shifted(f, n * l.step, l);
-        if (k === f || (f = k, !lt(c(f), i, d))) break;
+      for (let g = 0; g < 1e3; g++) {
+        const v = o.shifted(f, n * l.step, l);
+        if (v === f || (f = v, !ct(u(f), i, d))) break;
       }
-      f !== i.from && !lt(c(f), i, d) && (h = { kind: "move", subtask: i.id, from: f, to: c(f).to });
+      f !== i.from && !ct(u(f), i, d) && (h = { kind: "move", subtask: i.id, from: f, to: u(f).to });
     } else if (t.shiftKey && r.includes("stretch")) {
-      const c = Math.max(o.shifted(i.to, n * l.step, l), i.from + Math.max(l.step, q));
-      c !== i.to && !lt({ ...i, to: c }, i, d) && (h = { kind: "stretch", subtask: i.id, from: i.from, to: c });
+      const u = Math.max(o.shifted(i.to, n * l.step, l), i.from + Math.max(l.step, q));
+      u !== i.to && !ct({ ...i, to: u }, i, d) && (h = { kind: "stretch", subtask: i.id, from: i.from, to: u });
     }
     return o.byKeyboard = !0, h !== null && this.host.handlers().onIntent?.(h), this.scheduleReadout(), !0;
   }
@@ -2169,7 +2226,7 @@ class ui {
       return a === void 0 ? null : { x0: a.outerFrom, x1: a.outerTo, y0: a.y, y1: a.y + a.height };
     }
     if (t.kind === "milestone") {
-      const a = this.host.data.milestones.find((d) => d.id === t.id), l = a === void 0 ? null : qt(e.viewport(), a);
+      const a = this.host.data.milestones.find((d) => d.id === t.id), l = a === void 0 ? null : Zt(e.viewport(), a);
       return l === null ? null : { x0: l.x - l.half, x1: l.x + l.half, y0: l.y - l.half, y1: l.y + l.half };
     }
     const i = this.host.data.dependencies.find((a) => a.id === t.id), o = i === void 0 ? void 0 : n(i.from), r = i === void 0 ? void 0 : n(i.to);
@@ -2206,20 +2263,20 @@ class ui {
       if (!this.host.gestures.byKeyboard) return;
       const e = this.host.data.tooltipTargetFor(t);
       e !== null && (this.spoken = { target: e, lane: t.kind === "subtask" ? t.subtask.lane : t.kind === "milestone" ? t.milestone.lane : null, count: (this.spoken?.count ?? 0) + 1 }, this.host.spokenChanged());
-    }, hi);
+    }, Si);
   }
   /** Unmount: no readout after it. */
   stop() {
     this.timer !== null && clearTimeout(this.timer), this.timer = null;
   }
 }
-const tt = (s) => JSON.stringify([s.domain ?? null, [...s.folded ?? []].sort()]);
-function fi(s, t) {
+const st = (s) => JSON.stringify([s.domain ?? null, [...s.folded ?? []].sort()]);
+function Ai(s, t) {
   if (t.size === 0 || s.folded === void 0) return s;
   const e = s.folded.filter((n) => t.has(n));
   return e.length === s.folded.length ? s : { ...s.domain ? { domain: s.domain } : {}, ...e.length ? { folded: e } : {} };
 }
-function mi(s, t, e = (n) => n) {
+function Ci(s, t, e = (n) => n) {
   if (s.length === 0) return null;
   let n = 1 / 0, i = -1 / 0;
   for (const a of s)
@@ -2228,27 +2285,28 @@ function mi(s, t, e = (n) => n) {
   const o = Math.min(t.max, Math.max(t.min, i - n)), r = (n + i) / 2;
   return [r - o / 2, r + o / 2];
 }
-const Ee = {
+const Be = {
   width: 0,
   height: 0,
   scrollY: 0,
   headers: [],
   days: [],
   ticks: [],
-  step: Ht,
+  step: Vt,
   fontScale: 1,
   ghost: null,
   grips: [],
   cursor: "default",
   tooltip: null,
+  loading: !1,
   now: null,
   bars: [],
   spoken: null,
   summary: { lanes: 0, subtasks: 0, from: 0, to: 0, overlaps: 0, violated: 0, blocked: 0, milestones: 0 }
 };
-class pi {
-  data = new Rn(() => this.viewChanged());
-  view = new Ws(this.data);
+class Di {
+  data = new Un(() => this.viewChanged());
+  view = new rn(this.data);
   gestures;
   keys;
   handlersNow = {};
@@ -2289,10 +2347,10 @@ class pi {
   movePending = !1;
   domainFrame = 0;
   unsubscribeTheme = null;
-  snapshot = Ee;
+  snapshot = Be;
   listeners = /* @__PURE__ */ new Set();
   constructor(t = {}) {
-    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new ri({
+    this.folded = t.folded ?? [], this.domainInView = t.domain ?? null, this.domainInView !== null && this.view.showWall(this.domainInView), this.viewNow = this.currentView(), this.gestures = new wi({
       data: this.data,
       view: this.view,
       plotElement: () => this.plot,
@@ -2303,7 +2361,7 @@ class pi {
       viewMoved: (e) => this.viewMoved(e),
       interactionChanged: () => this.interactionChanged(),
       hoverChanged: () => this.hoverChanged()
-    }), this.keys = new ui({
+    }), this.keys = new Li({
       data: this.data,
       view: this.view,
       gestures: this.gestures,
@@ -2335,6 +2393,11 @@ class pi {
   setHandlers(t) {
     this.handlersNow = t;
   }
+  /** The plan is on its way: the hover ends and no new drag starts; one under
+      way finishes. */
+  setLoading(t) {
+    t !== this.gestures.loading && (this.gestures.loading = t, t && this.gestures.pointerLeave(), this.interactionChanged());
+  }
   /** What the application says it is dragging in, while it drags it. */
   setPlacing(t) {
     this.placing = t, t === null && this.gestures.clearPlacing();
@@ -2348,7 +2411,7 @@ class pi {
   getView = () => this.viewNow;
   /** Goes to a whole view (`setView`); what it leaves out goes back to its default. */
   applyView(t) {
-    tt(t) !== tt(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
+    st(t) !== st(this.viewNow) && (this.actedOn = !0, this.folded = t.folded ?? [], this.setDomain(t.domain ?? null));
   }
   /** Puts a span of two wall-clock instants in view; null shows the
       subtasks' extent. */
@@ -2367,14 +2430,14 @@ class pi {
     this.actedOn = !0, this.folded = [], this.viewChanged();
   };
   currentView() {
-    return fi(
+    return Ai(
       { ...this.domainInView === null ? {} : { domain: this.domainInView }, ...this.folded.length > 0 ? { folded: this.folded } : {} },
       new Set(this.data.groups.map((t) => t.id))
     );
   }
   publishView() {
     const t = this.currentView();
-    if (tt(t) !== tt(this.viewNow)) {
+    if (st(t) !== st(this.viewNow)) {
       this.viewNow = t;
       for (const e of this.viewListeners) e();
     }
@@ -2382,13 +2445,13 @@ class pi {
   /** The subtasks' extent within the zoom limits, while the view names no
       span - and the local day of today while there is no work to show. */
   fit() {
-    const t = this.view.options.calendar, e = mi(this.data.subtasks, this.view.options.zoomLimits, (i) => G(i, t));
+    const t = this.view.options.calendar, e = Ci(this.data.subtasks, this.view.options.zoomLimits, (i) => H(i, t));
     if (e !== null) {
       this.view.domain = e, this.fitted = !0;
       return;
     }
     const n = /* @__PURE__ */ new Date();
-    n.setHours(0, 0, 0, 0), this.view.showWall([n.getTime(), n.getTime() + U]);
+    n.setHours(0, 0, 0, 0), this.view.showWall([n.getTime(), n.getTime() + X]);
   }
   /** `undefined`: the scene keeps the selection itself. */
   setControlledTask(t) {
@@ -2412,7 +2475,7 @@ class pi {
   /* DOM binding                                                       */
   /* ---------------------------------------------------------------- */
   bind(t, e, n, i) {
-    this.root = t, this.plot = e, this.dataCanvas = n, this.overlayCanvas = i, this.unsubscribeTheme = ks(() => {
+    this.root = t, this.plot = e, this.dataCanvas = n, this.overlayCanvas = i, this.unsubscribeTheme = Ls(() => {
       this.colours = null, this.dataStale = !0, this.requestDraw();
     }), this.viewChanged();
   }
@@ -2427,7 +2490,7 @@ class pi {
     this.listeners.delete(t);
   });
   getSnapshot = () => this.snapshot;
-  getServerSnapshot = () => Ee;
+  getServerSnapshot = () => Be;
   /* ---------------------------------------------------------------- */
   /* Changes                                                           */
   /* ---------------------------------------------------------------- */
@@ -2439,7 +2502,7 @@ class pi {
     this.dataCanvas === null || typeof requestAnimationFrame != "function" ? this.viewChanged() : (this.view.invalidate(), this.movePending = !0, this.requestDraw()), t && this.reportDomain();
   }
   viewChanged() {
-    this.view.collapsed = new Set(this.folded), this.data.rebuild() && (this.colours = null, this.selected !== null && !this.data.subtaskById.has(this.selected) && (this.selected = null)), this.domainInView === null && !this.fitted && this.fit(), this.view.layout(), this.moveSettled();
+    this.view.collapsed = new Set(this.folded), this.data.rebuild() && (this.colours = null, this.selected !== null && !this.data.subtaskById.has(this.selected) && (this.selected = null)), this.domainInView === null && !this.fitted && this.fit(), this.view.layout(), this.plot !== null && (this.plot.style.touchAction = this.view.maxScroll() === 0 ? "pan-y" : "none"), this.moveSettled();
   }
   /** What a pan or zoom changes beyond the layout: the view's listeners, the
       hover and key targets read anew, the snapshot and the drawing. */
@@ -2470,6 +2533,7 @@ class pi {
       grips: n,
       cursor: this.gestures.cursor,
       tooltip: this.tooltip(),
+      loading: this.gestures.loading,
       now: t.nowX(),
       bars: this.bars(),
       spoken: this.keys.spoken,
@@ -2504,12 +2568,12 @@ class pi {
     if (t.width <= 0) return [];
     const e = this.colours;
     return t.boxes.flatMap((n) => {
-      if (!Et(n, t.width, t.height)) return [];
-      const i = Ns(n, t.width);
+      if (!Rt(n, t.width, t.height)) return [];
+      const i = Xs(n, t.width);
       if (i === null) return [];
-      const o = e === null ? !0 : jt(
-        vt(n.subtask.appearance),
-        ct(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, n.subtask.task, n.subtask.id),
+      const o = e === null ? !0 : Qt(
+        wt(n.subtask.appearance),
+        mt(e, { selectedTask: this.selectedTask, selectedSubtask: this.selectedSubtask }, n.subtask.task, n.subtask.id),
         e
       ).onDark;
       return [{ subtask: n.subtask, ...i, dark: o }];
@@ -2521,7 +2585,7 @@ class pi {
     const t = this.view, [e, n] = this.visibleDomain();
     return {
       lanes: this.data.lanes.length,
-      subtasks: t.boxes.filter((i) => Et(i, t.width, t.height)).length,
+      subtasks: t.boxes.filter((i) => Rt(i, t.width, t.height)).length,
       from: e,
       to: n,
       overlaps: this.data.overlaps.length,
@@ -2540,7 +2604,7 @@ class pi {
   }
   /** The visible span, as two wall-clock instants. */
   visibleDomain() {
-    const t = (e) => dt(e, this.view.options.calendar);
+    const t = (e) => ut(e, this.view.options.calendar);
     return [t(this.view.domain[0]), t(this.view.domain[1])];
   }
   /** A pan or zoom of the planner's goes into the view once per frame,
@@ -2564,8 +2628,31 @@ class pi {
   clientPointOf(t, e) {
     const n = this.plot?.getBoundingClientRect();
     if (n === void 0) return null;
-    const i = this.view.viewport(), o = e === void 0 ? null : j(i, e), r = o === null ? 0 : o.top + o.height / 2;
-    return { x: n.left + R(i, t), y: n.top + r };
+    const i = this.view.viewport(), o = e === void 0 ? null : J(i, e), r = o === null ? 0 : o.top + o.height / 2;
+    return { x: n.left + x(i, t), y: n.top + r };
+  }
+  /** Whether a lane has a row of its own on a mounted plot: not unknown, not
+      in a folded group, whose lanes are strips and no rows. */
+  hasRow(t) {
+    const e = this.plot === null ? void 0 : this.view.rows.slots.get(t);
+    return e !== void 0 && !e.miniature;
+  }
+  /** Scrolls the lanes until the lane's row is in view; false, and nothing
+      moved, for a lane without a row. */
+  scrollToLane(t) {
+    if (!this.hasRow(t)) return !1;
+    const e = this.view.rows.slots.get(t), n = e.top - this.view.scrollY, i = n < 0 ? n : n + e.height > this.view.height ? Math.min(n + e.height - this.view.height, n) : 0;
+    return this.view.pan(0, i).moved && this.viewMoved(!1), !0;
+  }
+  /** Brings a subtask's lane and time into view, the span keeping its width;
+      false, and nothing moved, for one without a row. */
+  scrollToSubtask(t) {
+    const e = this.data.subtaskById.get(t);
+    return e === void 0 || !this.hasRow(e.lane) ? !1 : (this.keys.reveal({ kind: "subtask", id: t }), !0);
+  }
+  /** `scrollToSubtask`, then the subtask is the active one and the plot has the focus. */
+  focusSubtask(t) {
+    return this.scrollToSubtask(t) ? (this.plot.focus(), this.keys.show({ kind: "subtask", id: t }), !0) : !1;
   }
   requestDraw() {
     this.frame !== 0 || this.dataCanvas === null || typeof requestAnimationFrame != "function" || (this.frame = requestAnimationFrame(() => {
@@ -2574,8 +2661,8 @@ class pi {
   }
   draw() {
     if (this.root === null) return;
-    this.colours === null && (this.colours = Yn(this.root, this.data), this.publish());
-    const { width: t, height: e } = this.view, n = this.dataStale ? Se(this.dataCanvas, t, e) : null, i = Se(this.overlayCanvas, t, e);
+    this.colours === null && (this.colours = si(this.root, this.data), this.publish());
+    const { width: t, height: e } = this.view, n = this.dataStale ? De(this.dataCanvas, t, e) : null, i = De(this.overlayCanvas, t, e);
     if (i === null || t === 0 || this.dataStale && n === null) return;
     this.dataStale = !1;
     const o = {
@@ -2588,7 +2675,7 @@ class pi {
       hover: this.gestures.hover,
       ghost: this.gestures.ghostDrawing()
     };
-    n !== null && Kn(n, o), Vn(i, o);
+    n !== null && ni(n, o), ii(i, o);
   }
   /* ---------------------------------------------------------------- */
   /* Gestures, as the component hands them in                          */
@@ -2600,6 +2687,7 @@ class pi {
   pointerLeave = () => this.gestures.pointerLeave();
   contextMenu = (t) => this.gestures.contextMenu(t);
   wheel = (t) => this.gestures.wheel(t);
+  touchMove = (t) => this.gestures.touchMove(t);
   dragOver = (t) => this.gestures.dragOver(t, this.placing);
   drop = (t) => this.gestures.drop(t);
   dragLeave = () => this.gestures.clearPlacing();
@@ -2608,43 +2696,49 @@ class pi {
   focus = (t) => this.keys.focus(t);
   blur = () => this.keys.blur();
 }
-function Si(s = {}) {
-  const { initialView: t, onViewChange: e } = s, [n] = rt(() => new pi(t)), i = Y(""), [o] = rt(() => {
-    const l = (d) => ws(Ln, { ...d, scene: n });
+function Bi(s = {}) {
+  const { initialView: t, onViewChange: e } = s, [n] = dt(() => new Di(t)), i = V(""), [o] = dt(() => {
+    const l = (d) => Ds(Gn, { ...d, scene: n });
     return l.displayName = "Schedule", {
       Schedule: l,
-      Lane: Cn,
-      LaneGroup: Dn,
-      Subtasks: _n,
-      Dependencies: Fn,
-      BlockedTimes: On,
-      Milestones: En,
+      Lane: Yn,
+      LaneGroup: Kn,
+      Subtasks: Vn,
+      Dependencies: jn,
+      BlockedTimes: Wn,
+      Milestones: zn,
       setView: (d) => {
-        n.applyView(d), i.current = tt(n.getView());
+        n.applyView(d), i.current = st(n.getView());
       },
       setDomain: n.setDomain,
+      positionAt: (d, h) => n.positionAt(d, h),
+      clientPointOf: (d, h) => n.clientPointOf(d, h),
+      visibleDomain: () => n.visibleDomain(),
+      scrollToLane: (d) => n.scrollToLane(d),
+      scrollToSubtask: (d) => n.scrollToSubtask(d),
+      focusSubtask: (d) => n.focusSubtask(d),
       toggleGroup: n.toggleGroup,
       foldAll: n.foldAll,
       unfoldAll: n.unfoldAll
     };
-  }), r = Pe(n.subscribeView, n.getView, n.getView), a = tt(r);
-  return z(() => {
+  }), r = He(n.subscribeView, n.getView, n.getView), a = st(r);
+  return j(() => {
     i.current !== a && (i.current = a, n.acted && e?.(r));
-  }, [a]), K(() => ({ ...o, view: r }), [o, r]);
+  }, [a]), W(() => ({ ...o, view: r }), [o, r]);
 }
 export {
-  me as applyIntent,
-  Vt as arrival,
-  Kt as departure,
-  bi as findings,
-  Be as inBlockedTime,
-  st as occupied,
-  Wt as overlaps,
-  vt as resolveAppearance,
-  Mi as ripple,
-  Ti as shiftTask,
-  Ts as snapTime,
-  wi as subtaskFromPlace,
-  Si as useSchedule,
-  zt as violatedDependencies
+  ve as applyIntent,
+  zt as arrival,
+  Wt as departure,
+  Pi as findings,
+  Ye as inBlockedTime,
+  it as occupied,
+  Ut as overlaps,
+  wt as resolveAppearance,
+  Ri as ripple,
+  Ni as shiftTask,
+  xs as snapTime,
+  xi as subtaskFromPlace,
+  Bi as useSchedule,
+  Xt as violatedDependencies
 };