@umriss-ui/calculation 0.43.0 → 0.44.0

package/CHANGELOG.md

@@ -14,6 +14,17 @@ From 0.34.0 the packages share one number - five, and six from 0.40.0, when the
 
 ---
 
+## 0.44.0 – A calculation without a name says so (Oct. 2026)
+
+### Added
+
+- **A `Calculation` with neither `aria-label` nor `aria-labelledby` (or an empty label) warns once in development.**
+
+### Changed
+
+- **The peer range on core moves to `^0.44.0`.**
+  - Migration: install the 0.44 version of `@umriss-ui/core` beside it.
+
 ## 0.43.0 – Places that carry down, and a calculation's root (Oct. 2026)
 
 ### Added

package/dist/calculation.client.js

@@ -1,36 +1,36 @@
 "use client";
 import "./calculation.css";
-import { jsx as c, jsxs as O } from "react/jsx-runtime";
-import { useId as Ce, useState as ae, useRef as ke, useCallback as me, useLayoutEffect as ye, useEffect as Ae } from "react";
-import { assess as Me, verdictWeight as X, useDensityFor as Be, useFormats as _e, useWording as be, VisuallyHidden as Te, AngleGlyph as Ee, Badge as se, useFreshness as Le, Tooltip as Re } from "@umriss-ui/core";
+import { jsx as l, jsxs as O } from "react/jsx-runtime";
+import { useId as ye, useState as ae, useRef as ke, useCallback as me, useLayoutEffect as Ae, useEffect as Ee } from "react";
+import { assess as Me, verdictWeight as X, useDensityFor as Te, useFormats as be, useWording as Ne, VisuallyHidden as Be, AngleGlyph as De, Badge as se, useFreshness as Le, Tooltip as Re } from "@umriss-ui/core";
 import { p as We } from "./calculation.model-CZuohgrp.js";
-function Ne(e, t) {
+function we(e, t) {
   if (e.decimals !== void 0) return e.decimals;
   const m = e.format === "percent" ? 1 : e.given ? void 0 : 2;
   if (m === void 0) return;
   const i = e.format === "percent" ? t * 100 : t;
-  return i !== 0 && we(i, m) === 0 ? void 0 : m;
+  return i !== 0 && $e(i, m) === 0 ? void 0 : m;
 }
 function pe(e, t) {
   const [m, i = "0"] = String(e).split("e");
   return +`${m}e${Number(i) + t}`;
 }
-function we(e, t) {
+function $e(e, t) {
   return t === void 0 ? e : Math.sign(e) * pe(Math.round(pe(Math.abs(e), t)), -t) || 0;
 }
-function J(e, t, m = Ne(e, t)) {
-  return we(e.format === "percent" ? t * 100 : t, m);
+function J(e, t, m = we(e, t)) {
+  return $e(e.format === "percent" ? t * 100 : t, m);
 }
 const Fe = (e, t) => e.format === "percent" ? t / 100 : t;
 function fe(e, t, m) {
   const [i, ...d] = t;
   switch (e) {
     case "sum":
-      return t.reduce((n, l, g) => m[g] ? n - l : n + l, 0);
+      return t.reduce((n, r, g) => m[g] ? n - r : n + r, 0);
     case "difference":
-      return d.reduce((n, l) => n - l, i);
+      return d.reduce((n, r) => n - r, i);
     case "product":
-      return d.reduce((n, l) => n * l, i);
+      return d.reduce((n, r) => n * r, i);
     case "quotient":
       return i / d[0];
   }
@@ -41,10 +41,10 @@ function qe(e) {
     const d = t.get(i);
     if (d) return d;
     const n = e.quantities.get(i);
-    let l = null, g, p = !1, s;
+    let r = null, g, p = !1, s;
     if (n.given) {
       const N = n.given.value;
-      typeof N == "number" && Number.isFinite(N) ? l = N : g = { kind: "missing", label: n.label };
+      typeof N == "number" && Number.isFinite(N) ? r = N : g = { kind: "missing", label: n.label };
     } else {
       const N = n.operands.map((w) => ({ operand: w, ...m(w.key) }));
       for (const { operand: w, verdict: S, worst: C } of N) {
@@ -55,44 +55,55 @@ function qe(e) {
       const I = N[1];
       if (!g && n.operator === "quotient" && I.value === 0 && (g = { kind: "zero", label: e.quantities.get(I.operand.key).label }), !g) {
         const w = n.operands.map(($) => $.negated === !0);
-        l = fe(n.operator, N.map(($) => $.value), w);
+        r = fe(n.operator, N.map(($) => $.value), w);
         const S = fe(
           n.operator,
           N.map(($) => Fe(e.quantities.get($.operand.key), $.shown)),
           w
-        ), C = Ne(n, l);
-        p = J(n, S, C) !== J(n, l, C);
+        ), C = we(n, r);
+        p = J(n, S, C) !== J(n, r, C);
       }
     }
-    const B = { target: n.target, limits: n.limits }, T = n.target !== void 0 || (n.limits?.length ?? 0) > 0 ? Me(l, B) : void 0, h = (n.limits?.length ?? 0) > 0 ? T.verdict : l === null ? "unknown" : void 0, j = {
-      value: l,
+    const M = { target: n.target, limits: n.limits }, T = n.target !== void 0 || (n.limits?.length ?? 0) > 0 ? Me(r, M) : void 0, h = (n.limits?.length ?? 0) > 0 ? T.verdict : r === null ? "unknown" : void 0, q = {
+      value: r,
       absence: g,
-      shown: l === null ? null : J(n, l),
+      shown: r === null ? null : J(n, r),
       approximate: p,
       assessment: T,
       verdict: h,
       worst: s
     };
-    return t.set(i, j), j;
+    return t.set(i, q), q;
   };
   for (const i of e.quantities.keys()) m(i);
   return t;
 }
-const ve = 4;
-function je(e, t, m) {
+function je() {
+  try {
+    return process.env.NODE_ENV !== "production";
+  } catch {
+    return !1;
+  }
+}
+const Pe = je(), ve = /* @__PURE__ */ new Set();
+function Ue(e, t) {
+  !Pe || ve.has(e) || (ve.add(e), console.warn(`@umriss-ui/calculation: ${t}`));
+}
+const ge = 4;
+function Ie(e, t, m) {
   const i = e.operands[t];
   if (i.previous) return;
   const d = e.operator, n = t === 0;
   if (d !== "sum" && d !== "difference") return n ? void 0 : { operator: d, negated: !1 };
-  const l = d === "difference" ? !n : i.negated === !0, g = new Set(m.filter((s) => s !== null && s !== 0).map(Math.sign)), p = g.size === 1 ? { operator: "sum", negated: l !== g.has(-1), unsigned: !0 } : { operator: "sum", negated: l };
+  const r = d === "difference" ? !n : i.negated === !0, g = new Set(m.filter((s) => s !== null && s !== 0).map(Math.sign)), p = g.size === 1 ? { operator: "sum", negated: r !== g.has(-1), unsigned: !0 } : { operator: "sum", negated: r };
   return n && !p.negated ? void 0 : p;
 }
-const De = {
+const Ve = {
   sum: "calculationSumSymbol",
   difference: "calculationDifferenceSymbol",
   product: "calculationProductSymbol",
   quotient: "calculationQuotientSymbol"
-}, Pe = {
+}, ze = {
   sum: "calculationSumWord",
   difference: "calculationDifferenceWord",
   product: "calculationProductWord",
@@ -112,246 +123,247 @@ function K(e, t) {
 }
 function ee(e, t, m) {
   const i = e.negated ? "difference" : e.operator;
-  return m[(t ? Pe : De)[i]];
+  return m[(t ? ze : Ve)[i]];
 }
-function Ue(e, t) {
+function He(e, t) {
   return e.kind === "missing" ? t.calculationMissing(e.label) : t.calculationDivisionByZero(e.label);
 }
-function ge(e, t, m, i) {
+function _e(e, t, m, i) {
   const d = e.format === "percent" ? i : e.unit, n = m.number(t, e.decimals);
   return d ? `${n} ${d}` : n;
 }
-function Ie(e, t, m, i, d, n, l, g = () => {
+function Qe(e, t, m, i, d, n, r, g = () => {
 }) {
-  const p = e.quantities.get(m), s = t.get(m), B = (v, y) => v.shown !== null && y?.unsigned ? Math.abs(v.shown) : v.shown, T = (v, y, _, F) => {
-    const D = B(y, F);
-    return D === null ? _ ? n.verdictUnknown : n.statAbsentValue : ge(v, D, d, _ ? n.calculationPercent : "%");
+  const p = e.quantities.get(m), s = t.get(m), M = (v, k) => v.shown !== null && k?.unsigned ? Math.abs(v.shown) : v.shown, T = (v, k, _, W) => {
+    const j = M(k, W);
+    return j === null ? _ ? n.verdictUnknown : n.statAbsentValue : _e(v, j, d, _ ? n.calculationPercent : "%");
   }, h = (v) => {
     if (i || !p.operator) return {};
     if (p.operands.length === 0) return { names: n.calculationNoOperands };
-    if (!v && p.operands.length > ve)
+    if (!v && p.operands.length > ge)
       return { names: n.calculationOperandCount(p.operands.length) };
-    const y = (_) => p.operands.map((F, D) => {
-      const Y = e.quantities.get(F.key), q = g(D);
-      return q ? `${ee(q, v, n)} ${_(Y, q)}` : _(Y);
+    const k = (_) => p.operands.map((W, j) => {
+      const Y = e.quantities.get(W.key), F = g(j);
+      return F ? `${ee(F, v, n)} ${_(Y, F)}` : _(Y);
     }).join(" ");
     return {
-      names: y((_) => _.label),
-      numbers: y((_, F) => T(_, t.get(_.key), v, F))
+      names: k((_) => _.label),
+      numbers: k((_, W) => T(_, t.get(_.key), v, W))
     };
-  }, j = (v) => {
-    const y = s.assessment?.deviation;
-    if (y === void 0 || p.target === void 0) return;
-    const _ = ge(p, J(p, p.target), d, v ? n.calculationPercent : "%");
-    return y > 0 ? n.calculationAboveTarget(_) : y < 0 ? n.calculationBelowTarget(_) : n.calculationOnTarget(_);
-  }, N = h(!1).names, I = N === void 0 || p.operands.length === 0 || p.operands.length > ve ? N : `= ${N}`, w = h(!0), S = s.absence ? Ue(s.absence, n) : void 0, C = ` ${n.calculationEquals} `, $ = s.approximate ? `${n.calculationApproximately} ${T(p, s, !0, l)}` : T(p, s, !0, l), te = [
-    (l ? `${ee(l, !0, n)} ` : "") + p.label + C + [w.names, w.numbers, $].filter(Boolean).join(`,${C}`),
+  }, q = (v) => {
+    const k = s.assessment?.deviation;
+    if (k === void 0 || p.target === void 0) return;
+    const _ = _e(p, J(p, p.target), d, v ? n.calculationPercent : "%");
+    return k > 0 ? n.calculationAboveTarget(_) : k < 0 ? n.calculationBelowTarget(_) : n.calculationOnTarget(_);
+  }, N = h(!1).names, I = N === void 0 || p.operands.length === 0 || p.operands.length > ge ? N : `= ${N}`, w = h(!0), S = s.absence ? He(s.absence, n) : void 0, C = ` ${n.calculationEquals} `, $ = s.approximate ? `${n.calculationApproximately} ${T(p, s, !0, r)}` : T(p, s, !0, r), te = [
+    (r ? `${ee(r, !0, n)} ` : "") + p.label + C + [w.names, w.numbers, $].filter(Boolean).join(`,${C}`),
     s.verdict !== void 0 && s.verdict !== "unknown" ? K(s.verdict, n) : void 0,
-    j(!0),
+    q(!0),
     S
-  ].filter(Boolean).join(", "), G = s.shown === null ? void 0 : p.format === "percent" ? "%" : p.unit, k = (v) => v === null ? n.statAbsentValue : d.number(v, p.decimals);
-  return { amount: k(B(s, l)), ownAmount: k(s.shown), unit: G, names: I, target: j(!1), reason: S, sentence: te, spokenNames: w.names, spokenNumber: $ };
+  ].filter(Boolean).join(", "), G = s.shown === null ? void 0 : p.format === "percent" ? "%" : p.unit, y = (v) => v === null ? n.statAbsentValue : d.number(v, p.decimals);
+  return { amount: y(M(s, r)), ownAmount: y(s.shown), unit: G, names: I, target: q(!1), reason: S, sentence: te, spokenNames: w.names, spokenNumber: $ };
 }
-function ze(e, t, m, i, d) {
-  const n = d ? `${ee(d, !0, i)} ` : "", l = t[0].spokenNames, g = n + e + (l === void 0 ? "" : ` ${i.calculationEquals} ${l}`), p = m.map(
-    (s, B) => [`${s.label} ${t[B].spokenNumber}`, t[B].reason].filter(Boolean).join(", ")
+function Ge(e, t, m, i, d) {
+  const n = d ? `${ee(d, !0, i)} ` : "", r = t[0].spokenNames, g = n + e + (r === void 0 ? "" : ` ${i.calculationEquals} ${r}`), p = m.map(
+    (s, M) => [`${s.label} ${t[M].spokenNumber}`, t[M].reason].filter(Boolean).join(", ")
   );
   return `${g}: ${p.join("; ")}`;
 }
-const Ve = "_frame_10pic_24 _text_18806_22", He = "_calculation_10pic_51", Qe = "_line_10pic_86", Ge = "_assessment_10pic_98", Ye = "_disclosure_10pic_107", Ze = "_amount_10pic_90", Je = "_list_10pic_128", Ke = "_item_10pic_129", Xe = "_derivation_10pic_130", et = "_labelCell_10pic_90", tt = "_names_10pic_90", nt = "_operator_10pic_90", at = "_unit_10pic_90", st = "_label_10pic_90", ot = "_approximate_10pic_360", it = "_target_10pic_102", rt = "_worst_10pic_102", ct = "_head_10pic_512", lt = "_headCell_10pic_519", dt = "_headUnit_10pic_532", ut = "_notes_10pic_539", mt = "_freshness_10pic_553", pt = "_headLabel_10pic_583", o = {
-  frame: Ve,
-  calculation: He,
-  line: Qe,
-  assessment: Ge,
-  disclosure: Ye,
-  amount: Ze,
-  list: Je,
-  item: Ke,
-  derivation: Xe,
-  labelCell: et,
-  names: tt,
-  operator: nt,
-  unit: at,
-  label: st,
-  approximate: ot,
-  target: it,
-  worst: rt,
-  head: ct,
-  headCell: lt,
-  headUnit: dt,
-  notes: ut,
-  freshness: mt,
-  headLabel: pt
-}, ft = 10, Q = (e) => 4 + 2 * e, ht = (e) => 5 + 2 * e, vt = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, gt = (...e) => e.filter(Boolean).join(" ");
-function _t({ asOf: e, ages: t }) {
-  const m = _e(), i = be(), d = Le(e, t), n = d.freshness === "lost" ? i.freshnessDisconnected : d.freshness === "stale" ? i.freshnessStale : i.freshnessFresh;
+const Ye = "_frame_10pic_24 _text_18806_22", Ze = "_calculation_10pic_51", Je = "_line_10pic_86", Ke = "_assessment_10pic_98", Xe = "_disclosure_10pic_107", et = "_amount_10pic_90", tt = "_list_10pic_128", nt = "_item_10pic_129", at = "_derivation_10pic_130", st = "_labelCell_10pic_90", ot = "_names_10pic_90", it = "_operator_10pic_90", rt = "_unit_10pic_90", ct = "_label_10pic_90", lt = "_approximate_10pic_360", dt = "_target_10pic_102", ut = "_worst_10pic_102", mt = "_head_10pic_512", pt = "_headCell_10pic_519", ft = "_headUnit_10pic_532", ht = "_notes_10pic_539", vt = "_freshness_10pic_553", gt = "_headLabel_10pic_583", o = {
+  frame: Ye,
+  calculation: Ze,
+  line: Je,
+  assessment: Ke,
+  disclosure: Xe,
+  amount: et,
+  list: tt,
+  item: nt,
+  derivation: at,
+  labelCell: st,
+  names: ot,
+  operator: it,
+  unit: rt,
+  label: ct,
+  approximate: lt,
+  target: dt,
+  worst: ut,
+  head: mt,
+  headCell: pt,
+  headUnit: ft,
+  notes: ht,
+  freshness: vt,
+  headLabel: gt
+}, _t = 10, Q = (e) => 4 + 2 * e, bt = (e) => 5 + 2 * e, Nt = { ok: "success", unknown: "neutral", warning: "warning", alarm: "danger" }, wt = (...e) => e.filter(Boolean).join(" ");
+function $t({ asOf: e, ages: t }) {
+  const m = be(), i = Ne(), d = Le(e, t), n = d.freshness === "lost" ? i.freshnessDisconnected : d.freshness === "stale" ? i.freshnessStale : i.freshnessFresh;
   return /* @__PURE__ */ O("span", { className: o.freshness, "data-freshness": d.freshness, children: [
     n,
     d.age !== null && ` · ${m.relative(d.age)}`
   ] });
 }
-function xt({
+function yt({
   model: e,
   ref: t,
   className: m,
   style: i,
   density: d,
   "aria-label": n,
-  "aria-labelledby": l,
+  "aria-labelledby": r,
   "aria-describedby": g,
   ...p
 }) {
-  const s = e.metrics, B = Be(d, "regular") === "compact", T = _e(), h = be(), j = Ce(), N = We(e).map((a) => ({ view: a, results: qe(a) })), [I, w] = ae(() => /* @__PURE__ */ new Set()), [S, C] = ae(null), $ = ke(null), oe = me(
+  !n && !r && Ue("no-name", "A Calculation has no accessible name: give it aria-label or aria-labelledby.");
+  const s = e.metrics, M = Te(d, "regular") === "compact", T = be(), h = Ne(), q = ye(), N = We(e).map((a) => ({ view: a, results: qe(a) })), [I, w] = ae(() => /* @__PURE__ */ new Set()), [S, C] = ae(null), $ = ke(null), oe = me(
     (a) => {
       $.current = a, typeof t == "function" ? t(a) : t && (t.current = a);
     },
     [t]
-  ), [te, G] = ae(!1), k = s?.length ?? 0, v = me(() => {
-    const a = $.current, u = a && k > 0 ? getComputedStyle(a.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], f = Q(k) - 1;
+  ), [te, G] = ae(!1), y = s?.length ?? 0, v = me(() => {
+    const a = $.current, u = a && y > 0 ? getComputedStyle(a.firstElementChild).gridTemplateColumns.split(" ").map(parseFloat) : [], f = Q(y) - 1;
     if (!a || u.length <= f || u.some((x) => !Number.isFinite(x))) {
       G(!1);
       return;
     }
-    const A = u.slice(2, f).reduce((x, M) => x + M, 0);
-    let r = 0;
-    const E = document.createRange();
+    const A = u.slice(2, f).reduce((x, E) => x + E, 0);
+    let c = 0;
+    const B = document.createRange();
     for (const x of a.querySelectorAll(`.${o.label}`)) {
-      E.selectNodeContents(x);
-      const M = [...E.getClientRects()].reduce((R, W) => R + W.width, 0);
-      if (M === 0) continue;
-      const V = x.parentElement, z = x.getBoundingClientRect().left - V.getBoundingClientRect().left;
-      r = Math.max(r, z + M + parseFloat(getComputedStyle(V).paddingRight));
+      B.selectNodeContents(x);
+      const E = [...B.getClientRects()].reduce((L, R) => L + R.width, 0);
+      if (E === 0) continue;
+      const z = x.parentElement, V = x.getBoundingClientRect().left - z.getBoundingClientRect().left;
+      c = Math.max(c, V + E + parseFloat(getComputedStyle(z).paddingRight));
     }
-    const L = parseFloat(getComputedStyle(document.documentElement).fontSize);
-    G(a.clientWidth - A < Math.min(r, ft * L));
-  }, [k]);
-  ye(() => v()), Ae(() => {
+    const D = parseFloat(getComputedStyle(document.documentElement).fontSize);
+    G(a.clientWidth - A < Math.min(c, _t * D));
+  }, [y]);
+  Ae(() => v()), Ee(() => {
     const a = $.current;
-    if (!a || k === 0) return;
+    if (!a || y === 0) return;
     const u = new ResizeObserver(() => v());
     return u.observe(a), () => u.disconnect();
-  }, [v, k]);
-  const y = (a) => w((u) => {
+  }, [v, y]);
+  const k = (a) => w((u) => {
     const f = new Set(u);
     return f.delete(a) || f.add(a), f;
-  }), _ = (a, u) => je(
+  }), _ = (a, u) => Ie(
     a,
     u,
     N.map(({ results: f }) => f.get(a.operands[u].key).shown)
   );
-  let F = !1;
-  const D = (a, u) => a.map(({ own: f, text: A }, r) => [
+  let W = !1;
+  const j = (a, u) => a.map(({ own: f, text: A }, c) => [
     /* @__PURE__ */ O(
       "span",
       {
         className: o.amount,
         "aria-hidden": "true",
         "data-verdict": f.verdict,
-        "data-later": r > 0 ? "" : void 0,
-        style: s ? { "--_calculation-column": Q(r) } : void 0,
+        "data-later": c > 0 ? "" : void 0,
+        style: s ? { "--_calculation-column": Q(c) } : void 0,
         children: [
-          f.approximate && /* @__PURE__ */ c(Re, { content: h.calculationApproximateNote, children: /* @__PURE__ */ c("span", { className: o.approximate, children: "≈" }) }),
+          f.approximate && /* @__PURE__ */ l(Re, { content: h.calculationApproximateNote, children: /* @__PURE__ */ l("span", { className: o.approximate, children: "≈" }) }),
           u ? A.ownAmount : A.amount
         ]
       },
-      `amount-${r}`
+      `amount-${c}`
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "span",
       {
         className: o.unit,
         "aria-hidden": "true",
-        style: s ? { "--_calculation-column": ht(r) } : void 0,
-        "data-last": s && r === a.length - 1 ? "" : void 0,
+        style: s ? { "--_calculation-column": bt(c) } : void 0,
+        "data-last": s && c === a.length - 1 ? "" : void 0,
         children: s && !u ? void 0 : A.unit
       },
-      `unit-${r}`
+      `unit-${c}`
     )
-  ]), Y = (a, u) => S === null ? void 0 : a === S ? "use" : u === S ? "operand" : void 0, q = (a, u, f, A) => {
-    const r = e.quantities.get(a), E = N.map(({ view: b, results: U }) => ({
+  ]), Y = (a, u) => S === null ? void 0 : a === S ? "use" : u === S ? "operand" : void 0, F = (a, u, f, A) => {
+    const c = e.quantities.get(a), B = N.map(({ view: b, results: U }) => ({
       own: U.get(a),
-      text: Ie(b, U, a, u, T, h, f.position, (Se) => _(r, Se))
-    })), { own: L, text: x } = E[0], M = r.operator !== void 0 && !u, V = a === e.result && !u, z = M && r.operands.length > 0 && (r.interim ? f.flat : V), R = M && !z && r.operands.length > 0, W = R && I.has(a);
-    F ||= R;
-    const ie = `${j}-${a}`, ne = { depth: z ? f.depth : f.depth + 1, flat: !1, parent: a }, Z = M ? r.operands.find((b) => b.previous) : void 0, re = Z && f.flat ? q(Z.key, !1, { ...f, parent: a, position: void 0 }, `${A}-c`) : [], xe = Z && !f.flat ? q(Z.key, !1, { ...ne, flat: !0 }, `${A}-c`) : [], ce = M ? r.operands.map(
-      (b, U) => b.previous ? null : q(b.key, b.reference, { ...ne, position: _(r, U) }, `${A}-${U}`)
-    ) : [], H = R && !W && L.worst !== void 0 && X(L.worst) > X(L.verdict ?? "ok") ? L.worst : void 0, P = u ? void 0 : r.given, Oe = f.position ? ee(f.position, !1, h) : void 0, le = [
-      !u && r.explanation !== void 0 && /* @__PURE__ */ c("span", { children: r.explanation }, "explanation"),
-      P?.source !== void 0 && /* @__PURE__ */ c("span", { children: h.calculationSource(P.source) }, "source"),
-      P?.asOf !== void 0 && (P.ages !== void 0 ? /* @__PURE__ */ c(_t, { asOf: P.asOf, ages: P.ages }, "asOf") : /* @__PURE__ */ c("span", { children: h.asOfAgo(T.dateTime(new Date(P.asOf), !1)) }, "asOf")),
-      !u && r.aside !== void 0 && /* @__PURE__ */ c("span", { children: r.aside }, "aside")
-    ].filter(Boolean), de = V ? "result" : r.interim && !u && f.flat ? "interim" : void 0, ue = /* @__PURE__ */ O(
+      text: Qe(b, U, a, u, T, h, f.position, (Ce) => _(c, Ce))
+    })), { own: D, text: x } = B[0], E = c.operator !== void 0 && !u, z = a === e.result && !u, V = E && c.operands.length > 0 && (c.interim ? f.flat : z), L = E && !V && c.operands.length > 0, R = L && I.has(a);
+    W ||= L;
+    const ie = `${q}-${a}`, ne = { depth: V ? f.depth : f.depth + 1, flat: !1, parent: a }, Z = E ? c.operands.find((b) => b.previous) : void 0, re = Z && f.flat ? F(Z.key, !1, { ...f, parent: a, position: void 0 }, `${A}-c`) : [], Oe = Z && !f.flat ? F(Z.key, !1, { ...ne, flat: !0 }, `${A}-c`) : [], ce = E ? c.operands.map(
+      (b, U) => b.previous ? null : F(b.key, b.reference, { ...ne, position: _(c, U) }, `${A}-${U}`)
+    ) : [], H = L && !R && D.worst !== void 0 && X(D.worst) > X(D.verdict ?? "ok") ? D.worst : void 0, P = u ? void 0 : c.given, Se = f.position ? ee(f.position, !1, h) : void 0, le = [
+      !u && c.explanation !== void 0 && /* @__PURE__ */ l("span", { children: c.explanation }, "explanation"),
+      P?.source !== void 0 && /* @__PURE__ */ l("span", { children: h.calculationSource(P.source) }, "source"),
+      P?.asOf !== void 0 && (P.ages !== void 0 ? /* @__PURE__ */ l($t, { asOf: P.asOf, ages: P.ages }, "asOf") : /* @__PURE__ */ l("span", { children: h.asOfAgo(T.dateTime(new Date(P.asOf), !1)) }, "asOf")),
+      !u && c.aside !== void 0 && /* @__PURE__ */ l("span", { children: c.aside }, "aside")
+    ].filter(Boolean), de = z ? "result" : c.interim && !u && f.flat ? "interim" : void 0, ue = /* @__PURE__ */ O(
       "div",
       {
         className: o.line,
         style: { "--_calculation-depth": f.depth },
         "data-inner": f.depth > 0 ? "" : void 0,
         "data-kind": de,
-        "data-foldable": R ? "" : void 0,
+        "data-foldable": L ? "" : void 0,
         "data-reference": u ? "" : void 0,
-        "data-emphasis": u ? void 0 : r.emphasis,
-        "data-rule": !u && r.rule ? "" : void 0,
+        "data-emphasis": u ? void 0 : c.emphasis,
+        "data-rule": !u && c.rule ? "" : void 0,
         "data-mark": Y(a, f.parent),
         onPointerEnter: () => C(a),
         onPointerLeave: () => C(null),
         onFocus: () => C(a),
         onBlur: () => C(null),
-        onClick: R ? () => {
-          window.getSelection()?.toString() || y(a);
+        onClick: L ? () => {
+          window.getSelection()?.toString() || k(a);
         } : void 0,
         children: [
-          /* @__PURE__ */ c(Te, { children: [
-            s ? ze(r.label, E.map((b) => b.text), s, h, f.position) : x.sentence,
-            E.some((b) => b.own.approximate) && h.calculationApproximateNote,
+          /* @__PURE__ */ l(Be, { children: [
+            s ? Ge(c.label, B.map((b) => b.text), s, h, f.position) : x.sentence,
+            B.some((b) => b.own.approximate) && h.calculationApproximateNote,
             H !== void 0 && h.calculationWorstInside(K(H, h))
           ].filter(Boolean).join(". ") }),
           /* @__PURE__ */ O("span", { className: o.labelCell, children: [
-            R ? /* @__PURE__ */ c(
+            L ? /* @__PURE__ */ l(
               "button",
               {
                 type: "button",
                 className: o.disclosure,
-                "aria-expanded": W,
+                "aria-expanded": R,
                 "aria-controls": ie,
-                "aria-label": (W ? h.calculationHideDerivation : h.calculationShowDerivation)(r.label),
-                children: /* @__PURE__ */ c(Ee, { "data-open": W ? "" : void 0 })
+                "aria-label": (R ? h.calculationHideDerivation : h.calculationShowDerivation)(c.label),
+                children: /* @__PURE__ */ l(De, { "data-open": R ? "" : void 0 })
               }
-            ) : /* @__PURE__ */ c("span", { className: o.disclosure, "aria-hidden": "true" }),
-            /* @__PURE__ */ c("span", { className: o.label, "aria-hidden": "true", children: r.label })
+            ) : /* @__PURE__ */ l("span", { className: o.disclosure, "aria-hidden": "true" }),
+            /* @__PURE__ */ l("span", { className: o.label, "aria-hidden": "true", children: c.label })
           ] }),
-          /* @__PURE__ */ c("span", { className: o.names, "aria-hidden": "true", children: M && !z && !W ? x.names : void 0 }),
-          /* @__PURE__ */ c("span", { className: o.operator, "aria-hidden": "true", children: Oe }),
-          D(E, de !== void 0),
+          /* @__PURE__ */ l("span", { className: o.names, "aria-hidden": "true", children: E && !V && !R ? x.names : void 0 }),
+          /* @__PURE__ */ l("span", { className: o.operator, "aria-hidden": "true", children: Se }),
+          j(B, de !== void 0),
           /* @__PURE__ */ O("span", { className: o.assessment, "aria-hidden": "true", children: [
             s ? (
               /* Short: which metric. The sentence carries the full reason. */
               s.map(
-                (b, U) => E[U].own.absence && /* @__PURE__ */ c(se, { children: h.calculationMissing(b.unit ?? b.label) }, b.id)
+                (b, U) => B[U].own.absence && /* @__PURE__ */ l(se, { children: h.calculationMissing(b.unit ?? b.label) }, b.id)
               )
-            ) : x.reason !== void 0 ? /* @__PURE__ */ c(se, { children: x.reason }) : L.verdict !== void 0 && /* @__PURE__ */ c(se, { tone: vt[L.verdict], children: K(L.verdict, h) }),
-            x.target !== void 0 && /* @__PURE__ */ c("span", { className: o.target, children: x.target }),
-            H !== void 0 && /* @__PURE__ */ c("span", { className: o.worst, "data-verdict": H, children: h.calculationWorstInside(K(H, h)) })
+            ) : x.reason !== void 0 ? /* @__PURE__ */ l(se, { children: x.reason }) : D.verdict !== void 0 && /* @__PURE__ */ l(se, { tone: Nt[D.verdict], children: K(D.verdict, h) }),
+            x.target !== void 0 && /* @__PURE__ */ l("span", { className: o.target, children: x.target }),
+            H !== void 0 && /* @__PURE__ */ l("span", { className: o.worst, "data-verdict": H, children: h.calculationWorstInside(K(H, h)) })
           ] }),
           le.length > 0 && /* A click here - on a link in the aside, on a sparkline - is the
           caller's, not a fold. */
-          /* @__PURE__ */ c("span", { className: o.notes, onClick: (b) => b.stopPropagation(), children: le })
+          /* @__PURE__ */ l("span", { className: o.notes, onClick: (b) => b.stopPropagation(), children: le })
         ]
       }
     );
-    return z ? [
+    return V ? [
       ...re,
       /* @__PURE__ */ O("li", { className: o.item, children: [
-        /* @__PURE__ */ c("ul", { className: o.list, children: ce }),
+        /* @__PURE__ */ l("ul", { className: o.list, children: ce }),
         ue
       ] }, A)
     ] : [
       ...re,
-      /* @__PURE__ */ O("li", { className: o.item, "data-open": W ? "" : void 0, style: { "--_calculation-depth": f.depth }, children: [
+      /* @__PURE__ */ O("li", { className: o.item, "data-open": R ? "" : void 0, style: { "--_calculation-depth": f.depth }, children: [
         ue,
-        R && /* @__PURE__ */ O("ul", { id: ie, className: o.derivation, hidden: !W, children: [
-          xe,
+        L && /* @__PURE__ */ O("ul", { id: ie, className: o.derivation, hidden: !R, children: [
+          Oe,
           ce,
-          /* @__PURE__ */ c("li", { className: o.item, "aria-hidden": "true", children: /* @__PURE__ */ O(
+          /* @__PURE__ */ l("li", { className: o.item, "aria-hidden": "true", children: /* @__PURE__ */ O(
             "div",
             {
               className: o.line,
@@ -361,63 +373,63 @@ function xt({
               "data-mark": S === a ? "use" : void 0,
               children: [
                 /* @__PURE__ */ O("span", { className: o.labelCell, children: [
-                  /* @__PURE__ */ c("span", { className: o.disclosure }),
+                  /* @__PURE__ */ l("span", { className: o.disclosure }),
                   /* @__PURE__ */ O("span", { className: o.label, children: [
                     "= ",
-                    r.label
+                    c.label
                   ] })
                 ] }),
-                /* @__PURE__ */ c("span", { className: o.names }),
-                /* @__PURE__ */ c("span", { className: o.operator }),
-                D(E, !0)
+                /* @__PURE__ */ l("span", { className: o.names }),
+                /* @__PURE__ */ l("span", { className: o.operator }),
+                j(B, !0)
               ]
             }
           ) })
         ] })
       ] }, A)
     ];
-  }, $e = q(e.result, !1, { depth: 0, flat: !0, parent: null }, "r");
+  }, xe = F(e.result, !1, { depth: 0, flat: !0, parent: null }, "r");
   return (
     /* The frame is the surface and the container the layout measures itself
        against; the list inside it is the statement. */
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "div",
       {
         ...p,
         ref: oe,
-        className: gt(o.frame, m),
+        className: wt(o.frame, m),
         style: s ? {
-          "--_calculation-figure-tracks": Array(k * 2).fill("auto").join(" "),
-          "--_calculation-figures-end": Q(k),
-          "--_calculation-assessment-column": Q(k),
+          "--_calculation-figure-tracks": Array(y * 2).fill("auto").join(" "),
+          "--_calculation-figures-end": Q(y),
+          "--_calculation-assessment-column": Q(y),
           ...i
         } : i,
-        "data-still": F ? void 0 : "",
-        "data-metrics": s ? k : void 0,
+        "data-still": W ? void 0 : "",
+        "data-metrics": s ? y : void 0,
         "data-two-lines": te ? "" : void 0,
-        "data-compact": B ? "" : void 0,
-        children: /* @__PURE__ */ O("ul", { className: o.calculation, "aria-label": n, "aria-labelledby": l, "aria-describedby": g, children: [
+        "data-compact": M ? "" : void 0,
+        children: /* @__PURE__ */ O("ul", { className: o.calculation, "aria-label": n, "aria-labelledby": r, "aria-describedby": g, children: [
           s && /* The head names each metric and its unit above its column. Every
           row's sentence names them too, so the head is for the eye. */
-          /* @__PURE__ */ c("li", { className: o.item, "aria-hidden": "true", children: /* @__PURE__ */ c("div", { className: o.head, children: s.map((a, u) => /* @__PURE__ */ O(
+          /* @__PURE__ */ l("li", { className: o.item, "aria-hidden": "true", children: /* @__PURE__ */ l("div", { className: o.head, children: s.map((a, u) => /* @__PURE__ */ O(
             "span",
             {
               className: o.headCell,
               "data-unit": a.unit === void 0 ? void 0 : "",
               style: { "--_calculation-column": Q(u) },
               children: [
-                /* @__PURE__ */ c("span", { className: o.headLabel, children: a.label }),
-                a.unit !== void 0 && /* @__PURE__ */ c("span", { className: o.headUnit, children: a.unit })
+                /* @__PURE__ */ l("span", { className: o.headLabel, children: a.label }),
+                a.unit !== void 0 && /* @__PURE__ */ l("span", { className: o.headUnit, children: a.unit })
               ]
             },
             a.id
           )) }) }),
-          $e
+          xe
         ] })
       }
     )
   );
 }
 export {
-  xt as CalculationView
+  yt as CalculationView
 };

package/docs/llms-full.md

@@ -1,4 +1,4 @@
-# @umriss-ui/calculation 0.43.0
+# @umriss-ui/calculation 0.44.0
 
 > React calculation view for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.
 
@@ -1568,7 +1568,7 @@ Also takes every attribute of `<div>` – without `children`.
 - No result, formula text or operator of your own: a written-out operation the library did not perform could say something the number does not ([ADR-0027](https://github.com/romanhaendler/umriss-ui/blob/main/docs/adr/0027-a-calculation-is-written-as-it-is-shown.md)).
 - No input: a calculation shows how a figure came about; changing a given is your application's form.
 
-What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.43.0/docs/adr/0032-what-umriss-is-not.md).
+What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.44.0/docs/adr/0032-what-umriss-is-not.md).
 
 ### Tree
 
@@ -1849,7 +1849,7 @@ type Severity = "warning" | "alarm";
 - Four operators and nothing else – no powers, roots or functions; compute those before and hand them in as givens.
 - A unit is a label and is never converted or checked; the calculation does no unit algebra.
 
-What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.43.0/docs/adr/0032-what-umriss-is-not.md).
+What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.44.0/docs/adr/0032-what-umriss-is-not.md).
 
 ### Chain
 
@@ -2197,7 +2197,7 @@ type Severity = "warning" | "alarm";
 
 - A chain in view does not fold; as an operand of a tree it folds to its last interim.
 
-What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.43.0/docs/adr/0032-what-umriss-is-not.md).
+What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.44.0/docs/adr/0032-what-umriss-is-not.md).
 
 ### Rows from data
 
@@ -2637,7 +2637,7 @@ From `Metric` — the full table stands on [Metrics](#metrics).
 
 - Only a sum takes any count: an empty product, a difference of one and a quotient of anything but two still fail on the first render.
 
-What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.43.0/docs/adr/0032-what-umriss-is-not.md).
+What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.44.0/docs/adr/0032-what-umriss-is-not.md).
 
 ### Given
 
@@ -3323,7 +3323,7 @@ The keys of [Calculation](#calculation) apply here.
 - Unit, format and places belong to the metric; on a quantity they fail on the first render, and so does a missing or unknown metric key in a `value`.
 - No target or limits with metrics: an assessment per cell is not there yet.
 
-What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.43.0/docs/adr/0032-what-umriss-is-not.md).
+What umriss deliberately does not build, and why: [ADR-0032](https://github.com/romanhaendler/umriss-ui/blob/calculation-v0.44.0/docs/adr/0032-what-umriss-is-not.md).
 
 ## In practice
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umriss-ui/calculation",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "description": "React calculation view for data-dense applications - a derivation written as it is shown, evaluated by the library, folded and read line by line.",
   "license": "MIT",
   "author": "Roman Händler",
@@ -56,7 +56,7 @@
     }
   },
   "peerDependencies": {
-    "@umriss-ui/core": "^0.43.0",
+    "@umriss-ui/core": "^0.44.0",
     "react": ">=19",
     "react-dom": ">=19"
   },
@@ -72,7 +72,7 @@
     "typescript": "^5.6.3",
     "vite": "^6.0.0",
     "vite-plugin-dts": "^4.3.0",
-    "@umriss-ui/core": "0.43.0",
+    "@umriss-ui/core": "0.44.0",
     "@umriss-ui/demo": "0.0.0"
   },
   "scripts": {