@umriss-ui/schedule 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -15,6 +15,35 @@ moves from here under the rule above.
 
 ---
 
+## 0.1.2 – Phones, touch and a review (Sep. 2026)
+
+### Changed
+
+- **The lane headers take at most 40 % of the schedule.** `headerWidth` is
+  now `min(headerWidth px, 40%)`, so that on a phone the plot keeps the larger
+  part.
+- **The wheel over the lane headers scrolls the lanes**, as it does over the
+  plot; Ctrl or ⌘ there zooms around the plot's first instant.
+- **A finger's tap may wander ten pixels** and still select; the mouse keeps
+  its three.
+
+### Fixed
+
+- A pinch that ends with one finger still down pans on with that finger,
+  instead of doing nothing until it is lifted; a third finger no longer breaks
+  the pinch.
+- A pan ended by `pointercancel` gives the cursor back.
+- A schedule unmounted during a drag stops its auto-pan and the timer of a
+  folded group it rested over; before, the auto-pan ran on and kept reporting
+  `onDomainChange`.
+- A new `calendar` - an inline array counts, being new on every render - under
+  a view panned past the old calendar's ends no longer turns the domain into
+  NaN and the plot blank.
+- A lane or group id containing a space no longer breaks the fold control's
+  `aria-controls`.
+
+---
+
 ## 0.1.1 – The README catches up (Sep. 2026)
 
 Nothing in the code changed. The README names the online demo, the design

package/README.md

@@ -122,8 +122,11 @@ application's hands; it is a view state, never an intent.
 
 A tooltip on a hovered subtask or transport names the order, the times, setup
 and teardown and the findings; `tooltip` replaces its content or switches it
-off. `now` draws the present across the lanes. The wheel scrolls the lanes and
-releases the page at their end, Ctrl or ⌘ and a pinch zoom, Shift pans;
+off. `now` draws the present across the lanes. The wheel over the schedule,
+lane headers included, scrolls the lanes and releases the page at their end,
+Ctrl or ⌘ and a pinch zoom, Shift pans; on a touch screen one finger pans and a
+tap selects. The lane headers take at most 40 % of the width, so that on a
+phone the plot keeps the larger part;
 `onDomainChange` reports the visible span, and a ref handle turns a client
 point into a time and a lane and back.
 

package/dist/index.d.ts

@@ -258,7 +258,8 @@ export declare interface ScheduleProps {
     height?: number;
     /** Height of one lane in pixels. */
     laneHeight?: number;
-    /** Width of the lane headers in pixels. */
+    /** Width of the lane headers in pixels - at most 40 % of the schedule, so
+     that on a phone the plot keeps the larger part. */
     headerWidth?: number;
     /** An operating calendar: the intervals in which time counts. Nights and
      weekends outside them are cut out of the axis. Default: the wall clock. */

package/dist/schedule.js

@@ -2,9 +2,9 @@ import "./schedule.css";
 var He = Object.defineProperty;
 var Ye = (n, t, e) => t in n ? He(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var f = (n, t, e) => Ye(n, typeof t != "symbol" ? t + "" : t, e);
-import { jsxs as H, Fragment as zt, jsx as w } from "react/jsx-runtime";
-import { useContext as fe, createContext as pe, useRef as $, useEffect as B, forwardRef as Xe, useState as it, useId as Ke, useLayoutEffect as vt, useImperativeHandle as We, useSyncExternalStore as Ue, useMemo as q } from "react";
-import { toOperatingTimeClamped as Y, resolveColours as ze, removedIntervals as qe, MINUTE as U, calendarFrom as et, toWallClock as X, DAY as st, timeStep as je, operatingTimeTicks as Ve, HOUR as Tt, LinearScale as Ze, subscribeTheme as Je } from "@umriss-ui/charts";
+import { jsxs as Y, Fragment as zt, jsx as w } from "react/jsx-runtime";
+import { useContext as fe, createContext as pe, useRef as $, useEffect as O, forwardRef as Xe, useState as it, useId as Ke, useLayoutEffect as vt, useImperativeHandle as Ue, useSyncExternalStore as We, useMemo as q } from "react";
+import { toOperatingTimeClamped as B, resolveColours as ze, removedIntervals as qe, MINUTE as U, calendarFrom as j, toWallClock as W, DAY as st, timeStep as je, operatingTimeTicks as Ve, HOUR as Tt, LinearScale as Ze, subscribeTheme as Je } from "@umriss-ui/charts";
 import { useFormats as me, useWording as ge } from "@umriss-ui/core";
 const ke = pe(null), we = pe(null);
 function ve() {
@@ -18,9 +18,9 @@ function Qe(n) {
 }
 function Ct(n, t, e, s, o) {
   const i = Qe(n), r = $(null);
-  B(() => (r.current = e(i, t), () => {
+  O(() => (r.current = e(i, t), () => {
     r.current !== null && o(i, r.current), r.current = null;
-  }), [i]), B(() => {
+  }), [i]), O(() => {
     r.current !== null && s(i, r.current, t);
   });
 }
@@ -59,14 +59,14 @@ function qt(n) {
   }
   const l = [], d = /* @__PURE__ */ new Map();
   let p = [], g = null, b = 0;
-  const A = (m) => (l.push({ ...m, top: b }), b += m.height, l.length - 1), _ = (m) => m.find((C) => s.has(C)), S = () => {
+  const I = (m) => (l.push({ ...m, top: b }), b += m.height, l.length - 1), _ = (m) => m.find((C) => s.has(C)), S = () => {
     if (g === null) return;
     const { row: m, lanes: C } = g, L = l[m], E = Math.max(L.height, C.length * ns + 2 * yt);
     l[m] = { ...L, height: E }, b += E - L.height;
     const F = E - 2 * yt, G = Math.max(os, Math.floor(F / C.length));
-    C.forEach((j, ot) => {
-      const z = c.get(j) ?? [];
-      d.set(j, {
+    C.forEach((V, ot) => {
+      const z = c.get(V) ?? [];
+      d.set(V, {
         top: L.top + yt + ot * G,
         height: G,
         miniature: !0,
@@ -85,7 +85,7 @@ function qt(n) {
     p = p.slice(0, E);
     for (const F of C.slice(E)) {
       if (p.push(F), F === L) break;
-      A({
+      I({
         kind: "groupHead",
         lane: void 0,
         group: F,
@@ -96,7 +96,7 @@ function qt(n) {
       });
     }
     if (L !== void 0) {
-      const F = C.indexOf(L), G = A({
+      const F = C.indexOf(L), G = I({
         kind: "miniature",
         lane: void 0,
         group: L,
@@ -108,7 +108,7 @@ function qt(n) {
       g = { group: L, row: G, lanes: [m.id] };
       continue;
     }
-    A({ kind: "lane", lane: m.id, group: C[C.length - 1], depth: C.length, within: C, lanes: 1, height: o }), d.set(m.id, {
+    I({ kind: "lane", lane: m.id, group: C[C.length - 1], depth: C.length, within: C, lanes: 1, height: o }), d.set(m.id, {
       top: l[l.length - 1].top,
       height: o,
       miniature: !1,
@@ -152,7 +152,7 @@ function ut(n) {
 function St(n, t) {
   return (n.leaves ?? "teardown") === "main" ? t.to : t.to + (t.teardown ?? 0);
 }
-function At(n, t) {
+function It(n, t) {
   return (n.arrives ?? "setup") === "main" ? t.from : t.from - (t.setup ?? 0);
 }
 function jt(n, t) {
@@ -169,7 +169,7 @@ function jt(n, t) {
       return { ...n, lane: t.lane };
   }
 }
-function In(n, t) {
+function An(n, t) {
   return {
     id: t,
     task: n.task,
@@ -180,9 +180,9 @@ function In(n, t) {
     ...n.teardown === void 0 ? {} : { teardown: n.teardown }
   };
 }
-const as = 6, be = 3, tt = 2, Vt = 3, Zt = 3;
+const as = 6, be = 3, et = 2, Vt = 3, Zt = 3;
 function P(n, t) {
-  return Math.round(n.scale.toPx(Y(t, n.calendar)));
+  return Math.round(n.scale.toPx(B(t, n.calendar)));
 }
 function ct(n, t) {
   const e = Lt(n.rows, t);
@@ -222,7 +222,7 @@ function Ce(n, t, e) {
 const hs = 64;
 function us(n, t) {
   if (n.miniature) return null;
-  const e = ht(n.subtask.appearance).hatched ? tt + be + 1 : 0, s = Math.max(n.mainFrom + e, 0), o = Math.min(n.mainTo - e, t) - s;
+  const e = ht(n.subtask.appearance).hatched ? et + be + 1 : 0, s = Math.max(n.mainFrom + e, 0), o = Math.min(n.mainTo - e, t) - s;
   return o < hs ? null : { x: s, width: o, y: n.y, height: n.height };
 }
 const cs = 10;
@@ -231,22 +231,22 @@ function Qt(n, t, e) {
   return n === "centre" || e.y === t.y ? s : Math.round(e.y > t.y ? t.y + t.height - 1 : t.y + 1);
 }
 function bt(n, t, e, s, o) {
-  const i = t.route ?? o.route, r = t.attach ?? o.attach, a = t.ends ?? o.ends, u = P(n, St(t, e.subtask)), c = P(n, At(t, s.subtask)), l = Qt(r, e, s), d = Qt(r, s, e);
+  const i = t.route ?? o.route, r = t.attach ?? o.attach, a = t.ends ?? o.ends, u = P(n, St(t, e.subtask)), c = P(n, It(t, s.subtask)), l = Qt(r, e, s), d = Qt(r, s, e);
   if (i === "straight")
     return { transport: t, kind: i, ends: a, x1: u, y1: l, x2: c, y2: d, c1x: u, c2x: c, points: [u, l, c, d] };
   if (i === "orthogonal") {
     const _ = u + cs, S = l === d ? _ : Math.round((_ + c) / 2);
     return { transport: t, kind: i, ends: a, x1: u, y1: l, x2: c, y2: d, c1x: u, c2x: c, points: l === d ? [u, l, c, d] : [u, l, S, l, S, d, c, d] };
   }
-  const p = Math.max(14, Math.abs(c - u) / 2), g = u + p, b = c - p, A = [];
+  const p = Math.max(14, Math.abs(c - u) / 2), g = u + p, b = c - p, I = [];
   for (let _ = 0; _ <= 16; _++) {
     const S = _ / 16, m = 1 - S;
-    A.push(
+    I.push(
       m * m * m * u + 3 * m * m * S * g + 3 * m * S * S * b + S * S * S * c,
       m * m * m * l + 3 * m * m * S * l + 3 * m * S * S * d + S * S * S * d
     );
   }
-  return { transport: t, kind: "curve", ends: a, x1: u, y1: l, x2: c, y2: d, c1x: g, c2x: b, points: A };
+  return { transport: t, kind: "curve", ends: a, x1: u, y1: l, x2: c, y2: d, c1x: g, c2x: b, points: I };
 }
 function ds(n, t, e) {
   let s = 1 / 0;
@@ -257,7 +257,7 @@ function ds(n, t, e) {
   }
   return s;
 }
-function It(n) {
+function At(n) {
   const t = [], e = /* @__PURE__ */ new Map();
   n.forEach((s, o) => {
     const { from: i, to: r } = ut(s);
@@ -296,13 +296,13 @@ function _t(n, t) {
   for (const o of t) {
     const i = e.get(o.from), r = e.get(o.to);
     if (i === void 0 || r === void 0) continue;
-    const a = St(o, i), u = At(o, r), c = a + o.duration - u;
+    const a = St(o, i), u = It(o, r), c = a + o.duration - u;
     c > 0 && s.push({ transport: o.id, departure: a, arrival: u, shortBy: c });
   }
   return s;
 }
 function _n(n, t) {
-  return { overlaps: It(n), lateTransports: _t(n, t) };
+  return { overlaps: At(n), lateTransports: _t(n, t) };
 }
 class ps {
   /** `changed` is called after every registration change. */
@@ -373,7 +373,7 @@ class ps {
         for (const s of e.tasks) this.tasks.set(s.id, s);
       } else
         this.transports.push(...e.data);
-    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = It(this.subtasks), this.lateById = new Map(_t(this.subtasks, this.transports).map((e) => [e.transport, e])), this.depth = fs(this.subtasks), !0;
+    return this.subtaskById = new Map(this.subtasks.map((e) => [e.id, e])), this.overlaps = At(this.subtasks), this.lateById = new Map(_t(this.subtasks, this.transports).map((e) => [e.transport, e])), this.depth = fs(this.subtasks), !0;
   }
   /** The task a transport belongs to: its departing subtask's. */
   taskOfTransport(t) {
@@ -462,15 +462,15 @@ function ks(n, t) {
     else
       for (const a of s.boxes) r.has(a.subtask) && Se(n, t, a, 1);
   }
-  for (const i of e.overlaps) Ae(n, t, o, i);
-  Es(n, t, o), Ps(n, t);
+  for (const i of e.overlaps) Ie(n, t, o, i);
+  Fs(n, t, o), Ds(n, t);
 }
 function ws(n, t) {
   const { view: e, hover: s } = t, o = e.viewport();
   if (t.ghost === null) {
     if (s.kind === "subtask") {
       const l = e.boxById.get(s.subtask.id);
-      l !== void 0 && Ds(n, t, l);
+      l !== void 0 && Es(n, t, l);
     } else if (s.kind === "transport") {
       const l = e.paths.find((d) => d.transport === s.transport);
       l !== void 0 && Mt(n, t, l, !0);
@@ -481,7 +481,7 @@ function ws(n, t) {
   vs(n, t, o, t.ghost.refusedLanes);
   const u = Le(o, i);
   if (u === null) return;
-  for (const l of r) Ae(n, t, o, l);
+  for (const l of r) Ie(n, t, o, l);
   const c = new Set(a.map((l) => l.transport));
   for (const l of t.data.transports) {
     if (l.from !== i.id && l.to !== i.id) continue;
@@ -499,7 +499,7 @@ function vs(n, t, e, s) {
     const a = ct(e, r);
     if (a === null) continue;
     const { top: u, height: c } = a;
-    u + c < 0 || u > i || (n.globalAlpha = 0.6, n.fillStyle = t.colours.surface, n.fillRect(0, u, o, c), n.globalAlpha = 1, _s(n, 0, u, o, c, t.colours.muted, 0.7, As, 1));
+    u + c < 0 || u > i || (n.globalAlpha = 0.6, n.fillStyle = t.colours.surface, n.fillRect(0, u, o, c), n.globalAlpha = 1, As(n, 0, u, o, c, t.colours.muted, 0.7, Ss, 1));
   }
 }
 function ys(n, t, e, s) {
@@ -574,31 +574,31 @@ function Se(n, t, e, s) {
   }
   const r = ht(e.subtask.appearance), a = i.tasks.get(e.subtask.task) ?? i.muted, u = Ft(r, a, i), c = e.y, l = e.height, d = Math.max(1, e.mainTo - e.mainFrom), p = u.onDark ? i.onAccent : i.text;
   n.lineWidth = 1, n.fillStyle = a, n.strokeStyle = a;
-  for (const [b, A] of [
+  for (const [b, I] of [
     [e.outerFrom, e.mainFrom],
     [e.mainTo, e.outerTo]
   ])
-    A <= b || (n.globalAlpha = 0.28 * s, n.fillRect(b, c, A - b, l), n.globalAlpha = s, n.strokeRect(b + 0.5, c + 0.5, A - b - 1, l - 1));
+    I <= b || (n.globalAlpha = 0.28 * s, n.fillRect(b, c, I - b, l), n.globalAlpha = s, n.strokeRect(b + 0.5, c + 0.5, I - b - 1, l - 1));
   u.fill !== null && (n.globalAlpha = s, n.fillStyle = u.fill, n.fillRect(e.mainFrom, c, d, l));
   const g = e.subtask.progress;
   if (g !== void 0) {
-    const b = Math.min(4, Math.max(2, Math.round(l / 6))), A = c + l - b - Ls, _ = Math.round(d * Math.max(0, Math.min(1, g)));
-    n.fillStyle = u.fill === null ? a : p, n.globalAlpha = 0.3 * s, n.fillRect(e.mainFrom, A, d, b), n.globalAlpha = s, _ > 0 && n.fillRect(e.mainFrom, A, _, b);
+    const b = Math.min(4, Math.max(2, Math.round(l / 6))), I = c + l - b - Ls, _ = Math.round(d * Math.max(0, Math.min(1, g)));
+    n.fillStyle = u.fill === null ? a : p, n.globalAlpha = 0.3 * s, n.fillRect(e.mainFrom, I, d, b), n.globalAlpha = s, _ > 0 && n.fillRect(e.mainFrom, I, _, b);
   }
   if (r.hatched) {
-    const b = Math.max(1, Math.min(be, Math.floor((d - 2 * tt) / 3))), A = d >= 4 * b ? tt : 0, _ = l >= 4 * tt ? tt : 0;
-    n.globalAlpha = s, n.fillStyle = p, n.fillRect(e.mainFrom + A, c + _, b, l - 2 * _), n.fillRect(e.mainTo - A - b, c + _, b, l - 2 * _);
+    const b = Math.max(1, Math.min(be, Math.floor((d - 2 * et) / 3))), I = d >= 4 * b ? et : 0, _ = l >= 4 * et ? et : 0;
+    n.globalAlpha = s, n.fillStyle = p, n.fillRect(e.mainFrom + I, c + _, b, l - 2 * _), n.fillRect(e.mainTo - I - b, c + _, b, l - 2 * _);
   }
-  r.open && Fs(n, e, c, l, i.surface, o.width), r.dashed && (n.globalAlpha = s, n.strokeStyle = a, n.setLineDash([4, 3]), n.strokeRect(e.mainFrom + 0.5, c + 0.5, d - 1, l - 1), n.setLineDash([])), n.globalAlpha = 1, e.depth > 0 && s === 1 && (n.strokeStyle = i.surface, n.strokeRect(e.outerFrom - 0.5, c - 0.5, e.outerTo - e.outerFrom + 1, l + 1));
+  r.open && _s(n, e, c, l, i.surface, o.width), r.dashed && (n.globalAlpha = s, n.strokeStyle = a, n.setLineDash([4, 3]), n.strokeRect(e.mainFrom + 0.5, c + 0.5, d - 1, l - 1), n.setLineDash([])), n.globalAlpha = 1, e.depth > 0 && s === 1 && (n.strokeStyle = i.surface, n.strokeRect(e.outerFrom - 0.5, c - 0.5, e.outerTo - e.outerFrom + 1, l + 1));
 }
-const Ss = 7, As = 6, Is = 16;
-function _s(n, t, e, s, o, i, r, a = Ss, u = 2) {
+const Ss = 6, Is = 16;
+function As(n, t, e, s, o, i, r, a, u) {
   n.save(), n.beginPath(), n.rect(t, e, s, o), n.clip(), n.globalAlpha = 0.5 * r, n.strokeStyle = i, n.lineWidth = u, n.beginPath();
   for (let c = t - o; c < t + s + o; c += a)
     n.moveTo(c, e + o), n.lineTo(c + o, e);
   n.stroke(), n.restore();
 }
-function Fs(n, t, e, s, o, i) {
+function _s(n, t, e, s, o, i) {
   const r = t.mainFrom < 0, a = t.mainTo > i, u = Math.max(1, Math.min(t.mainTo, i) - Math.max(t.mainFrom, 0)), c = Math.min(Is, u);
   r && ne(n, 0, c, e, s, o, 1), a && ne(n, i, -c, e, s, o, 1);
 }
@@ -623,7 +623,7 @@ function Mt(n, t, e, s, o) {
     ])
       n.beginPath(), n.arc(d, p, u ? 3 : 2.5, 0, Math.PI * 2), n.fill();
 }
-function Es(n, t, e) {
+function Fs(n, t, e) {
   const { data: s } = t;
   if (s.lateById.size !== 0) {
     n.fillStyle = t.colours.alarm;
@@ -639,7 +639,7 @@ function Es(n, t, e) {
     }
   }
 }
-function Ae(n, t, e, s) {
+function Ie(n, t, e, s) {
   const o = ct(e, s.lane);
   if (o === null) return;
   const i = P(e, s.from), r = Math.max(i + 2, P(e, s.to));
@@ -648,12 +648,12 @@ function Ae(n, t, e, s) {
     a !== null && n.fillRect(i, a.top - e.scrollY + 1, r - i, 3);
   }
 }
-function Ds(n, t, e) {
+function Es(n, t, e) {
   const { colours: s } = t, o = ht(e.subtask.appearance), i = Ft(o, s.tasks.get(e.subtask.task) ?? s.muted, s);
   n.globalAlpha = xs, n.fillStyle = i.onDark ? s.onAccent : s.text, n.fillRect(e.outerFrom, e.y, Math.max(1, e.outerTo - e.outerFrom), e.height), n.globalAlpha = 1;
 }
 const xs = 0.2;
-function Ps(n, t) {
+function Ds(n, t) {
   const e = t.selectedTask;
   if (e !== null) {
     n.strokeStyle = t.colours.text;
@@ -666,28 +666,28 @@ function Ps(n, t) {
     }
   }
 }
-const rt = 32, Ns = 18;
+const rt = 32, Ps = 18;
 function ie(n, t) {
   if (!(t > 2 * rt)) return 0;
   const e = rt - n, s = n - (t - rt), o = Math.max(e, s);
   if (o <= 0) return 0;
-  const i = Math.min(1, o / rt), r = Ns * i * i;
+  const i = Math.min(1, o / rt), r = Ps * i * i;
   return e > 0 ? -r : r;
 }
-function Gs(n, t, e, s) {
+function Ns(n, t, e, s) {
   const o = /* @__PURE__ */ new Set();
   if (s === void 0) return o;
   for (const i of n)
     i !== e && (s(t, i) || o.add(i));
   return o;
 }
-function Ie(n) {
+function Ae(n) {
   return new Date(n).getTimezoneOffset() * U;
 }
-function Rs(n, t) {
+function Gs(n, t) {
   const { step: e, offset: s } = typeof t == "number" ? { step: t, offset: 0 } : t;
   if (!(e > 0) || !Number.isFinite(n)) return n;
-  const o = Ie(n) + s;
+  const o = Ae(n) + s;
   return o + Math.round((n - o) / e) * e;
 }
 const re = "\0placing", ae = /* @__PURE__ */ new Set();
@@ -703,8 +703,8 @@ function le(n) {
       return "nothing";
   }
 }
-const he = 3, $s = 600;
-class Bs {
+const he = 3, Rs = 10, $s = 600;
+class Os {
   constructor(t) {
     f(this, "gesture", { kind: "none" });
     f(this, "touches", /* @__PURE__ */ new Map());
@@ -788,8 +788,8 @@ class Bs {
   pointerDown(t) {
     var a, u, c, l, d;
     const { x: e, y: s } = this.local(t.clientX, t.clientY);
-    if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: s }), this.touches.size === 2)) {
-      this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() };
+    if (t.pointerType === "touch" && (this.touches.set(t.pointerId, { x: e, y: s }), this.touches.size >= 2)) {
+      this.gesture.kind !== "pinch" && (this.cancelEdit(), this.gesture = { kind: "pinch", distance: this.touchDistance() });
       return;
     }
     if (t.button !== 0) return;
@@ -841,7 +841,7 @@ class Bs {
   askRefused(t, e) {
     if (!this.host.view.options.intents.includes(e === null ? "place" : "lane")) return ae;
     const s = this.host.data.lanes.map((o) => o.id);
-    return Gs(s, t, e, this.host.handlers().canMoveTo);
+    return Ns(s, t, e, this.host.handlers().canMoveTo);
   }
   /** What a press at a point would start, given the intents the caller handles. */
   modeAt(t, e) {
@@ -866,7 +866,7 @@ class Bs {
     }
     const o = this.gesture;
     if (o.kind === "pending" && o.pointerId === t.pointerId) {
-      if (Math.hypot(e - o.x0, s - o.y0) < he) return;
+      if (Math.hypot(e - o.x0, s - o.y0) < (t.pointerType === "touch" ? Rs : he)) return;
       if (o.mode === "pan" || o.subtask === null)
         this.gesture = { kind: "pan", pointerId: o.pointerId, lastX: o.x0, lastY: o.y0 }, this.setCursor("grabbing");
       else {
@@ -899,7 +899,8 @@ class Bs {
   pointerUp(t) {
     var i, r;
     if (t.pointerType === "touch" && (this.touches.delete(t.pointerId), this.gesture.kind === "pinch")) {
-      this.touches.size < 2 && (this.gesture = { kind: "none" });
+      const [a] = this.touches;
+      this.touches.size === 1 && a !== void 0 ? this.gesture = { kind: "pan", pointerId: a[0], lastX: a[1].x, lastY: a[1].y } : this.touches.size === 0 && (this.gesture = { kind: "none" });
       return;
     }
     const e = this.gesture, { x: s, y: o } = this.local(t.clientX, t.clientY);
@@ -944,7 +945,7 @@ class Bs {
     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.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
@@ -974,7 +975,7 @@ class Bs {
       their end; Ctrl or ⌘ zooms - a trackpad pinch arrives as a wheel with
       Ctrl -; horizontal or Shift pans through time. */
   wheel(t) {
-    const e = this.host.view, { x: s } = this.local(t.clientX, t.clientY), o = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, i = t.deltaX * o, r = t.deltaY * o;
+    const e = this.host.view, s = Math.max(0, Math.min(e.width, this.local(t.clientX, t.clientY).x)), o = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.height : 1, i = t.deltaX * o, r = t.deltaY * o;
     if (t.ctrlKey || t.metaKey) {
       t.preventDefault();
       const c = Math.abs(r) < 50 ? 0.01 : 15e-4;
@@ -1109,8 +1110,8 @@ class Bs {
         let c = i.from;
         const l = o.viewport().scale, d = l.fromPx(e) - t.t0;
         if (a.includes("move") && Math.abs(d * l.m) >= he) {
-          const g = et(o.options.calendar), b = Y(i.from, g) + d, A = g.intervals.length === 0 ? b : X(Math.max(0, Math.min(g.total, b)), g);
-          c = this.snapInside(A, r);
+          const g = j(o.options.calendar), b = B(i.from, g) + d, I = g.intervals.length === 0 ? b : W(Math.max(0, Math.min(g.total, b)), g);
+          c = this.snapInside(I, r);
         }
         let p = t.ghost.lane;
         if (a.includes("lane")) {
@@ -1134,8 +1135,8 @@ class Bs {
       on to the seam, where time counts again. An intent never asks for a time
       the plant does not run. */
   snapInside(t, e) {
-    const s = Rs(t, e), o = et(this.host.view.options.calendar);
-    return o.intervals.length === 0 ? s : X(Y(s, o), o);
+    const s = Gs(t, e), o = j(this.host.view.options.calendar);
+    return o.intervals.length === 0 ? s : W(B(s, o), o);
   }
   intentsOf(t, e, s) {
     const o = [], i = this.host.view.options.intents, r = t.id;
@@ -1156,16 +1157,16 @@ class Bs {
         computed on every pointer movement. */
   ghostFindings(t, e) {
     const s = this.host.data, o = (l) => l.lane === t.lane || l.lane === e, r = [...s.subtasks.filter((l) => l.id !== t.id && o(l)), t], a = (l) => l.first === t.id || l.second === t.id, u = s.transports.filter((l) => l.from === t.id || l.to === t.id), c = t.id === re ? s.subtasks : s.subtasks.map((l) => l.id === t.id ? t : l);
-    return { overlaps: It(r).filter(a), late: _t(c, u) };
+    return { overlaps: At(r).filter(a), late: _t(c, u) };
   }
 }
-const _e = [], Os = 56;
-function Hs(n, t = Os) {
+const _e = [], Bs = 56;
+function Hs(n, t = Bs) {
   return n > 0 ? Math.min(st, Math.max(15 * U, je(n * t, 1))) : 15 * U;
 }
 function Ys(n, t, e = _e) {
   const [s, o] = Fe(n, e);
-  return Ve(e, s, o, t, Ie(s)).filter(
+  return Ve(e, s, o, t, Ae(s)).filter(
     (i) => i.operatingTime >= n[0] && i.operatingTime <= n[1]
   );
 }
@@ -1178,8 +1179,8 @@ function Xs(n, t = _e) {
     o.push({
       start: r,
       end: a,
-      from: Y(r, t),
-      to: Y(a, t)
+      from: B(r, t),
+      to: B(a, t)
     });
   }
   return o;
@@ -1190,17 +1191,17 @@ function Ks(n, t, e, s) {
   const i = Math.min(s.max, Math.max(s.min, o * e)), r = (t - n[0]) / o, a = t - r * i;
   return [a, a + i];
 }
-function Ws(n, t) {
+function Us(n, t) {
   return [n[0] + t, n[1] + t];
 }
 function Fe(n, t) {
-  const e = et(t);
+  const e = j(t);
   if (e.intervals.length === 0) return [n[0], n[1]];
   const s = (o) => Math.max(0, Math.min(e.total, o));
-  return [X(s(n[0]), e), X(s(n[1]), e)];
+  return [W(s(n[0]), e), W(s(n[1]), e)];
 }
 const lt = 44;
-class Us {
+class Ws {
   constructor(t) {
     f(this, "options", {
       laneHeight: lt,
@@ -1235,9 +1236,14 @@ class Us {
       there, and a new calendar keeps the wall-clock span in view. */
   setOptions(t, e) {
     const s = t.calendar !== this.options.calendar, o = this.options.calendar;
-    if (this.options = t, e !== null || s) {
-      const i = e ?? [X(this.domain[0], o), X(this.domain[1], o)];
-      this.domain = [Y(i[0], t.calendar), Y(i[1], t.calendar)];
+    if (this.options = t, e !== null)
+      this.domain = [B(e[0], t.calendar), B(e[1], t.calendar)];
+    else if (s) {
+      const i = j(o), r = (a) => {
+        const u = i.intervals.length === 0 ? a : Math.max(0, Math.min(i.total, a));
+        return B(W(u, i), t.calendar) + (a - u);
+      };
+      this.domain = [r(this.domain[0]), r(this.domain[1])];
     }
   }
   viewport() {
@@ -1301,7 +1307,7 @@ class Us {
   nowX() {
     const t = this.options.now;
     if (t === null || this.width <= 0) return null;
-    const e = Math.round(this.viewport().scale.toPx(Y(t, this.options.calendar)));
+    const e = Math.round(this.viewport().scale.toPx(B(t, this.options.calendar)));
     return e >= 0 && e <= this.width ? e : null;
   }
   hitAt(t, e) {
@@ -1320,8 +1326,8 @@ class Us {
   }
   /** The wall-clock time at a plot x; within the calendar's extent. */
   timeAt(t) {
-    const e = this.viewport().scale.fromPx(t), s = et(this.options.calendar);
-    return s.intervals.length === 0 ? e : X(Math.max(0, Math.min(s.total, e)), s);
+    const e = this.viewport().scale.fromPx(t), s = j(this.options.calendar);
+    return s.intervals.length === 0 ? e : W(Math.max(0, Math.min(s.total, e)), s);
   }
   /** The lane at a y, strips included: what the pointer is ON.
   
@@ -1352,7 +1358,7 @@ class Us {
       neither - a scroll through the lanes is no news about the time. */
   pan(t, e) {
     const s = this.domain[0], o = this.scrollY, i = this.domain[1] - s;
-    this.width > 0 && t !== 0 && (this.domain = Ws(this.domain, t / this.width * i)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
+    this.width > 0 && t !== 0 && (this.domain = Us(this.domain, t / this.width * i)), this.scrollY = Math.max(0, Math.min(this.maxScroll(), this.scrollY + e));
     const r = this.domain[0] !== s;
     return { moved: r || this.scrollY !== o, time: r };
   }
@@ -1382,7 +1388,7 @@ const ue = {
 class zs {
   constructor() {
     f(this, "data", new ps(() => this.viewChanged()));
-    f(this, "view", new Us(this.data));
+    f(this, "view", new Ws(this.data));
     f(this, "gestures");
     f(this, "handlersNow", {});
     f(this, "placing", null);
@@ -1435,7 +1441,7 @@ class zs {
     f(this, "drop", (t) => this.gestures.drop(t));
     f(this, "dragLeave", () => this.gestures.clearPlacing());
     f(this, "cancelEdit", () => this.gestures.cancelEdit());
-    this.gestures = new Bs({
+    this.gestures = new Os({
       data: this.data,
       view: this.view,
       plotElement: () => this.plot,
@@ -1499,7 +1505,7 @@ class zs {
   }
   unbind() {
     var t;
-    (t = this.unsubscribeTheme) == null || t.call(this), this.unsubscribeTheme = null, this.frame !== 0 && cancelAnimationFrame(this.frame), this.domainFrame !== 0 && cancelAnimationFrame(this.domainFrame), this.frame = this.domainFrame = 0, this.root = this.plot = this.dataCanvas = this.overlayCanvas = null;
+    this.gestures.cancelEdit(), (t = this.unsubscribeTheme) == null || t.call(this), this.unsubscribeTheme = null, this.frame !== 0 && cancelAnimationFrame(this.frame), this.domainFrame !== 0 && cancelAnimationFrame(this.domainFrame), this.frame = this.domainFrame = 0, this.root = this.plot = this.dataCanvas = this.overlayCanvas = null;
   }
   resize(t, e) {
     const s = Math.max(0, Math.round(t)), o = Math.max(0, Math.round(e));
@@ -1576,7 +1582,7 @@ class zs {
   }
   /** The visible span, as two wall-clock instants. */
   visibleDomain() {
-    const t = et(this.view.options.calendar), e = (s) => t.intervals.length === 0 ? s : X(Math.max(0, Math.min(t.total, s)), t);
+    const t = j(this.view.options.calendar), e = (s) => t.intervals.length === 0 ? s : W(Math.max(0, Math.min(t.total, s)), t);
     return [e(this.view.domain[0]), e(this.view.domain[1])];
   }
   /** Reported once per frame, however many wheel steps a planner turns - and
@@ -1668,7 +1674,7 @@ function yn({ target: n }) {
   };
   if (n.kind === "subtask") {
     const { subtask: l, task: d } = n;
-    return /* @__PURE__ */ H(zt, { children: [
+    return /* @__PURE__ */ Y(zt, { children: [
       /* @__PURE__ */ w("span", { className: v.tooltipHead, children: (d == null ? void 0 : d.name) ?? l.task }),
       /* @__PURE__ */ w("span", { children: l.name ?? l.id }),
       /* @__PURE__ */ w("span", { className: v.tooltipTimes, children: e.scheduleGhostTimes(s(l.from), s(l.to)) }),
@@ -1679,7 +1685,7 @@ function yn({ target: n }) {
     ] });
   }
   const { transport: i, task: r, from: a, to: u, late: c } = n;
-  return /* @__PURE__ */ H(zt, { children: [
+  return /* @__PURE__ */ Y(zt, { children: [
     /* @__PURE__ */ w("span", { className: v.tooltipHead, children: (r == null ? void 0 : r.name) ?? (r == null ? void 0 : r.id) ?? i.id }),
     /* @__PURE__ */ w("span", { children: e.scheduleRoute((a == null ? void 0 : a.name) ?? i.from, (u == null ? void 0 : u.name) ?? i.to) }),
     /* @__PURE__ */ w("span", { children: `${e.scheduleTransport} ${o(i.duration)}` }),
@@ -1700,7 +1706,7 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
     onIntent: p,
     canMoveTo: g,
     onInteraction: b,
-    selectedTask: A,
+    selectedTask: I,
     onSelectedTaskChange: _,
     collapsedGroups: S,
     defaultCollapsedGroups: m,
@@ -1709,38 +1715,38 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
     placing: E,
     route: F = "curve",
     attach: G = "centre",
-    ends: j = "dot",
+    ends: V = "dot",
     label: ot,
     tooltip: z,
-    now: V,
+    now: Z,
     className: Et,
     style: Ee,
-    children: De
-  } = t, [k] = it(() => new zs()), Dt = Ke(), xt = $(null), Pt = $(null), Nt = $(null), Gt = $(null), K = me(), W = ge(), [dt, ft] = o, Rt = (c == null ? void 0 : c.min) ?? ce.min, $t = (c == null ? void 0 : c.max) ?? ce.max, Bt = $(null), Ot = typeof l == "object" ? l.step : null, Ht = typeof l == "object" ? l.offset : null, Yt = typeof l == "object" ? null : l, [xe, Pe] = it(() => Date.now());
-  B(() => {
-    if (V !== !0) return;
+    children: xe
+  } = t, [k] = it(() => new zs()), xt = Ke(), Dt = $(null), Pt = $(null), Nt = $(null), Gt = $(null), X = me(), K = ge(), [dt, ft] = o, Rt = (c == null ? void 0 : c.min) ?? ce.min, $t = (c == null ? void 0 : c.max) ?? ce.max, Ot = $(null), Bt = typeof l == "object" ? l.step : null, Ht = typeof l == "object" ? l.offset : null, Yt = typeof l == "object" ? null : l, [De, Pe] = it(() => Date.now());
+  O(() => {
+    if (Z !== !0) return;
     const h = setInterval(() => Pe(Date.now()), U);
     return () => clearInterval(h);
-  }, [V]);
-  const Xt = V === !0 ? xe : typeof V == "number" ? V : null;
+  }, [Z]);
+  const Xt = Z === !0 ? De : typeof Z == "number" ? Z : null;
   vt(() => {
-    const h = `${dt}|${ft}`, y = Bt.current !== h;
-    Bt.current = h;
-    const I = Yt ?? { step: Ot ?? 0, offset: Ht ?? 0 };
+    const h = `${dt}|${ft}`, y = Ot.current !== h;
+    Ot.current = h;
+    const A = Yt ?? { step: Bt ?? 0, offset: Ht ?? 0 };
     k.setOptions(
-      { laneHeight: r, calendar: u, zoomLimits: { min: Rt, max: $t }, snap: I, intents: d, now: Xt, route: F, attach: G, ends: j },
+      { laneHeight: r, calendar: u, zoomLimits: { min: Rt, max: $t }, snap: A, intents: d, now: Xt, route: F, attach: G, ends: V },
       y ? [dt, ft] : null
     );
-  }, [k, dt, ft, r, u, Rt, $t, Yt, Ot, Ht, d, Xt, F, G, j]), B(() => {
+  }, [k, dt, ft, r, u, Rt, $t, Yt, Bt, Ht, d, Xt, F, G, V]), O(() => {
     k.setHandlers({ onIntent: p, canMoveTo: g, onInteraction: b, onSelectedTaskChange: _, onCollapsedGroupsChange: C, onDomainChange: L });
   }, [k, p, g, b, _, C, L]);
   const Ne = $(m);
-  B(() => {
+  O(() => {
     const h = Ne.current;
     h !== void 0 && k.setDefaultCollapsedGroups(h);
-  }, [k]), B(() => {
+  }, [k]), O(() => {
     k.setCollapsedGroups(S);
-  }, [k, S]), We(
+  }, [k, S]), Ue(
     e,
     () => ({
       positionAt: (h, y) => k.positionAt(h, y),
@@ -1748,80 +1754,80 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
       visibleDomain: () => k.visibleDomain()
     }),
     [k]
-  ), B(() => {
-    k.setControlledTask(A);
-  }, [k, A]), B(() => {
+  ), O(() => {
+    k.setControlledTask(I);
+  }, [k, I]), O(() => {
     k.setPlacing(E ?? null);
-  }, [k, E]), B(() => {
-    const h = xt.current, y = Pt.current, I = Nt.current, R = Gt.current;
-    if (!h || !y || !I || !R) return;
-    k.bind(h, y, I, R);
-    const D = y.getBoundingClientRect();
-    k.resize(D.width, D.height);
-    const x = new ResizeObserver((N) => {
-      var Ut;
-      const Q = (Ut = N[N.length - 1]) == null ? void 0 : Ut.contentRect;
-      Q !== void 0 && k.resize(Q.width, Q.height);
+  }, [k, E]), O(() => {
+    const h = Dt.current, y = Pt.current, A = Nt.current, R = Gt.current;
+    if (!h || !y || !A || !R) return;
+    k.bind(h, y, A, R);
+    const x = y.getBoundingClientRect();
+    k.resize(x.width, x.height);
+    const D = new ResizeObserver((N) => {
+      var Wt;
+      const tt = (Wt = N[N.length - 1]) == null ? void 0 : Wt.contentRect;
+      tt !== void 0 && k.resize(tt.width, tt.height);
     });
-    x.observe(y);
-    const Z = (N) => k.wheel(N);
-    y.addEventListener("wheel", Z, { passive: !1 });
-    const J = (N) => {
+    D.observe(y);
+    const J = (N) => k.wheel(N);
+    h.addEventListener("wheel", J, { passive: !1 });
+    const Q = (N) => {
       N.key === "Escape" && k.cancelEdit() && N.preventDefault();
     };
-    return window.addEventListener("keydown", J), () => {
-      window.removeEventListener("keydown", J), y.removeEventListener("wheel", Z), x.disconnect(), k.unbind();
+    return window.addEventListener("keydown", Q), () => {
+      window.removeEventListener("keydown", Q), h.removeEventListener("wheel", J), D.disconnect(), k.unbind();
     };
   }, [k]);
-  const T = Ue(k.subscribe, k.getSnapshot, k.getServerSnapshot), Ge = (h, y) => {
-    const I = new Date(h);
-    return y >= 200 ? K.dateLong(I) : y >= 84 ? K.date(I) : y >= 44 ? K.dateShort(I) : "";
-  }, M = T.ghost, pt = (h) => `${Dt}-row-${h.key}`, Re = q(() => {
+  const T = We(k.subscribe, k.getSnapshot, k.getServerSnapshot), Ge = (h, y) => {
+    const A = new Date(h);
+    return y >= 200 ? X.dateLong(A) : y >= 84 ? X.date(A) : y >= 44 ? X.dateShort(A) : "";
+  }, M = T.ghost, pt = (h) => `${xt}-row-${encodeURIComponent(h.key)}`, Re = q(() => {
     const h = /* @__PURE__ */ new Map();
     for (const y of T.headers)
-      for (const I of y.within)
-        y.kind === "groupHead" && I === y.group || h.set(I, [...h.get(I) ?? [], pt(y)]);
+      for (const A of y.within)
+        y.kind === "groupHead" && A === y.group || h.set(A, [...h.get(A) ?? [], pt(y)]);
     return h;
-  }, [T.headers, Dt]), $e = q(() => new Set((M == null ? void 0 : M.refusedLanes) ?? []), [M == null ? void 0 : M.refusedLanes]), Kt = $(null), [mt, Be] = it({ x: 0, y: 0, at: "" }), gt = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.late}`;
+  }, [T.headers, xt]), $e = q(() => new Set((M == null ? void 0 : M.refusedLanes) ?? []), [M == null ? void 0 : M.refusedLanes]), Kt = $(null), [mt, Oe] = it({ x: 0, y: 0, at: "" }), gt = M === null ? "" : `${M.x}:${M.y}:${M.from}:${M.to}:${M.overlap}:${M.late}`;
   vt(() => {
     const h = Kt.current;
     if (M === null || h === null) return;
-    const y = 4, I = M.y - h.offsetHeight - y, R = M.y + M.height + y, D = {
+    const y = 4, A = M.y - h.offsetHeight - y, R = M.y + M.height + y, x = {
       x: Math.max(2, Math.min(M.x, T.width - h.offsetWidth - 2)),
-      y: I >= 2 ? I : Math.min(R, T.height - h.offsetHeight - 2),
+      y: A >= 2 ? A : Math.min(R, T.height - h.offsetHeight - 2),
       at: gt
     };
-    Be((x) => x.x === D.x && x.y === D.y && x.at === D.at ? x : D);
+    Oe((D) => D.x === x.x && D.y === x.y && D.at === x.at ? D : x);
   }, [M, gt, T.width, T.height]);
-  const Wt = $(null), [kt, Oe] = it({ x: 0, y: 0, at: "" }), O = T.tooltip, wt = O === null ? "" : `${O.x}:${O.y}:${O.target.kind}`;
+  const Ut = $(null), [kt, Be] = it({ x: 0, y: 0, at: "" }), H = T.tooltip, wt = H === null ? "" : `${H.x}:${H.y}:${H.target.kind}`;
   return vt(() => {
-    const h = Wt.current;
-    if (O === null || h === null) return;
-    const y = 12, I = (D, x, Z) => {
-      const J = D + y, N = D - y - x, Q = J + x <= Z - 4 || N < 4 ? J : N;
-      return Math.max(4, Math.min(Q, Z - x - 4));
+    const h = Ut.current;
+    if (H === null || h === null) return;
+    const y = 12, A = (x, D, J) => {
+      const Q = x + y, N = x - y - D, tt = Q + D <= J - 4 || N < 4 ? Q : N;
+      return Math.max(4, Math.min(tt, J - D - 4));
     }, R = {
-      x: I(O.x, h.offsetWidth, T.width),
-      y: I(O.y, h.offsetHeight, T.height),
+      x: A(H.x, h.offsetWidth, T.width),
+      y: A(H.y, h.offsetHeight, T.height),
       at: wt
     };
-    Oe((D) => D.x === R.x && D.y === R.y && D.at === R.at ? D : R);
-  }, [O, wt, T.width, T.height]), /* @__PURE__ */ H(ke.Provider, { value: k, children: [
-    /* @__PURE__ */ H(
+    Be((x) => x.x === R.x && x.y === R.y && x.at === R.at ? x : R);
+  }, [H, wt, T.width, T.height]), /* @__PURE__ */ Y(ke.Provider, { value: k, children: [
+    /* @__PURE__ */ Y(
       "div",
       {
-        ref: xt,
+        ref: Dt,
         role: "figure",
         "aria-label": s,
         className: Et ? `${v.root} ${Et}` : v.root,
-        style: { height: `${i}px`, gridTemplateColumns: `${a}px minmax(0, 1fr)`, ...Ee },
+        style: { height: `${i}px`, gridTemplateColumns: `min(${a}px, 40%) minmax(0, 1fr)`, ...Ee },
         children: [
           /* @__PURE__ */ w("div", { className: v.corner }),
           /* @__PURE__ */ w("div", { className: v.dayBand, "aria-hidden": "true", "data-schedule-days": "", "data-schedule-clip": "day band", children: T.days.map((h) => {
-            const y = Math.max(0, -h.x), I = Math.min(h.x + h.width, T.width) - Math.max(h.x, 0);
-            return /* @__PURE__ */ w("span", { className: v.day, style: { left: `${h.x}px`, width: `${h.width}px` }, children: /* @__PURE__ */ w("span", { className: v.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${y}px` }, children: Ge(h.start, I) }) }, h.start);
+            const y = Math.max(0, -h.x), A = Math.min(h.x + h.width, T.width) - Math.max(h.x, 0);
+            return /* @__PURE__ */ w("span", { className: v.day, style: { left: `${h.x}px`, width: `${h.width}px` }, children: /* @__PURE__ */ w("span", { className: v.dayLabel, "data-schedule-overlay": "day label", style: { marginLeft: `${y}px` }, children: Ge(h.start, A) }) }, h.start);
           }) }),
-          /* @__PURE__ */ w("div", { className: v.headers, "data-schedule-headers": "", children: /* @__PURE__ */ w("div", { className: v.headerRun, style: { transform: `translateY(${-T.scrollY}px)` }, children: T.headers.map((h) => /* @__PURE__ */ H(
+          /* @__PURE__ */ w("div", { className: v.headers, "data-schedule-headers": "", children: /* @__PURE__ */ w("div", { className: v.headerRun, style: { transform: `translateY(${-T.scrollY}px)` }, children: T.headers.map((h) => /* @__PURE__ */ Y(
             "div",
             {
               id: pt(h),
@@ -1841,18 +1847,18 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
                     "data-schedule-overlay": "fold control",
                     "aria-expanded": h.collapsed === !1,
                     "aria-controls": (Re.get(h.group) ?? [pt(h)]).join(" "),
-                    "aria-label": `${h.collapsed === !0 ? W.scheduleUnfoldGroup : W.scheduleFoldGroup}: ${typeof h.label == "string" ? h.label : h.group}`,
+                    "aria-label": `${h.collapsed === !0 ? K.scheduleUnfoldGroup : K.scheduleFoldGroup}: ${typeof h.label == "string" ? h.label : h.group}`,
                     onClick: () => k.toggleGroup(h.group),
                     children: /* @__PURE__ */ w("svg", { viewBox: "0 0 10 10", width: "9", height: "9", "aria-hidden": "true", "data-open": h.collapsed === !1 ? "" : void 0, children: /* @__PURE__ */ w("path", { d: "M3.5 1.5 7 5l-3.5 3.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
                   }
                 ),
                 /* @__PURE__ */ w("span", { className: v.headerLabel, "data-schedule-overlay": "header label", children: h.label }),
-                h.kind !== "lane" && /* @__PURE__ */ w("span", { className: v.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": h.lanes, children: W.scheduleLaneCount(h.lanes) })
+                h.kind !== "lane" && /* @__PURE__ */ w("span", { className: v.headerCount, "data-schedule-overlay": "lane count", "data-lane-count": h.lanes, children: K.scheduleLaneCount(h.lanes) })
               ]
             },
             h.key
           )) }) }),
-          /* @__PURE__ */ H(
+          /* @__PURE__ */ Y(
             "div",
             {
               ref: Pt,
@@ -1902,7 +1908,7 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
                 z !== !1 && T.tooltip !== null && /* @__PURE__ */ w(
                   "span",
                   {
-                    ref: Wt,
+                    ref: Ut,
                     role: "tooltip",
                     className: v.tooltip,
                     "data-schedule-tooltip": "",
@@ -1915,7 +1921,7 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
                     children: typeof z == "function" ? z(T.tooltip.target) : /* @__PURE__ */ w(yn, { target: T.tooltip.target })
                   }
                 ),
-                M !== null && /* @__PURE__ */ H(
+                M !== null && /* @__PURE__ */ Y(
                   "span",
                   {
                     ref: Kt,
@@ -1930,10 +1936,10 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
                       visibility: mt.at === gt ? void 0 : "hidden"
                     },
                     children: [
-                      W.scheduleGhostTimes(K.time(new Date(M.from), !1), K.time(new Date(M.to), !1)),
-                      M.refused && /* @__PURE__ */ w("span", { className: v.refusal, children: W.scheduleLaneRefused }),
-                      M.overlap && /* @__PURE__ */ w("span", { className: v.finding, children: W.scheduleOverlap }),
-                      M.late && /* @__PURE__ */ w("span", { className: v.finding, children: W.scheduleLateTransport })
+                      K.scheduleGhostTimes(X.time(new Date(M.from), !1), X.time(new Date(M.to), !1)),
+                      M.refused && /* @__PURE__ */ w("span", { className: v.refusal, children: K.scheduleLaneRefused }),
+                      M.overlap && /* @__PURE__ */ w("span", { className: v.finding, children: K.scheduleOverlap }),
+                      M.late && /* @__PURE__ */ w("span", { className: v.finding, children: K.scheduleLateTransport })
                     ]
                   }
                 )
@@ -1941,25 +1947,25 @@ const bn = [], ce = { min: Tt, max: 28 * st }, Mn = [], de = 20, Fn = Xe(functio
             }
           ),
           /* @__PURE__ */ w("div", { className: v.corner }),
-          /* @__PURE__ */ H("div", { className: v.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
+          /* @__PURE__ */ Y("div", { className: v.tickBand, "aria-hidden": "true", "data-schedule-ticks": "", "data-schedule-clip": "time band", children: [
             T.now !== null && /* @__PURE__ */ w("span", { className: v.now, "data-now": "", "data-schedule-overlay": "now mark", style: { left: `${T.now}px` } }),
-            T.ticks.map((h) => /* @__PURE__ */ w("span", { className: v.tick, style: { left: `${h.x}px` }, children: h.x >= de && h.x <= T.width - de && /* @__PURE__ */ w("span", { className: v.tickLabel, "data-schedule-overlay": "time label", children: T.step >= st ? K.dateShort(new Date(h.wallClock)) : K.time(new Date(h.wallClock), !1) }) }, h.wallClock))
+            T.ticks.map((h) => /* @__PURE__ */ w("span", { className: v.tick, style: { left: `${h.x}px` }, children: h.x >= de && h.x <= T.width - de && /* @__PURE__ */ w("span", { className: v.tickLabel, "data-schedule-overlay": "time label", children: T.step >= st ? X.dateShort(new Date(h.wallClock)) : X.time(new Date(h.wallClock), !1) }) }, h.wallClock))
           ] })
         ]
       }
     ),
-    De
+    xe
   ] });
 });
 function En({ id: n, label: t }) {
   const e = ve(), s = q(() => ({ id: n, label: t ?? n, ...e === null ? {} : { parent: e } }), [n, t, e]);
   return ts(s), null;
 }
-function Dn({ id: n, label: t, children: e }) {
+function xn({ id: n, label: t, children: e }) {
   const s = ve(), o = q(() => ({ id: n, label: t ?? n, ...s === null ? {} : { parent: s } }), [n, t, s]);
   return es(o), /* @__PURE__ */ w(we.Provider, { value: n, children: e });
 }
-function xn({ data: n, tasks: t }) {
+function Dn({ data: n, tasks: t }) {
   const e = q(() => ({ kind: "subtasks", data: n, tasks: t }), [n, t]);
   return ye("Subtasks", e), null;
 }
@@ -1983,7 +1989,7 @@ function Nn(n, t, e) {
         if (l.to === e.subtask) continue;
         const d = s.get(l.to);
         if (d === void 0) continue;
-        const p = St(l, c) + l.duration - At(l, d);
+        const p = St(l, c) + l.duration - It(l, d);
         if (!(p > 0)) continue;
         const g = { kind: "move", subtask: d.id, from: d.from + p, to: d.to + p };
         s.set(d.id, jt(d, g)), i.set(d.id, g), r.push(d.id);
@@ -1996,20 +2002,20 @@ function Gn(n, t, e) {
 }
 export {
   En as Lane,
-  Dn as LaneGroup,
+  xn as LaneGroup,
   Fn as Schedule,
-  xn as Subtasks,
+  Dn as Subtasks,
   Pn as Transports,
   jt as applyIntent,
-  At as arrival,
+  It as arrival,
   St as departure,
   _n as findings,
   _t as lateTransports,
   ut as occupied,
-  It as overlaps,
+  At as overlaps,
   ht as resolveAppearance,
   Nn as ripple,
   Gn as shiftTask,
-  Rs as snapTime,
-  In as subtaskFromPlace
+  Gs as snapTime,
+  An as subtaskFromPlace
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umriss-ui/schedule",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "The umriss schedule - subtasks on lanes over time, with transports, findings and controlled editing.",
   "license": "MIT",
   "author": "Roman Händler",
@@ -44,8 +44,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@umriss-ui/charts": "^0.3.1",
-    "@umriss-ui/core": "^0.3.1"
+    "@umriss-ui/charts": "^0.3.2",
+    "@umriss-ui/core": "^0.3.2"
   },
   "devDependencies": {
     "@fontsource/geist-mono": "^5.3.0",
@@ -59,9 +59,9 @@
     "typescript": "^5.6.3",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
-    "@umriss-ui/charts": "0.3.1",
+    "@umriss-ui/charts": "0.3.2",
     "@umriss-ui/demo": "0.0.0",
-    "@umriss-ui/core": "0.3.1"
+    "@umriss-ui/core": "0.3.2"
   },
   "scripts": {
     "props": "node --disable-warning=ExperimentalWarning --experimental-strip-types demo/props.ts",